zenit-sdk 0.0.2 → 0.0.3

package/dist/react/index.d.mts

@@ -1,184 +1,4 @@
-import React from 'react';
-import L, { PathOptions } from 'leaflet';
-import { d as ZenitClient, a as GeoJsonFeatureCollection, a4 as EffectiveLayerState, B as Bbox, c as GeoJsonPolygon, L as LayerFilters, af as SuggestedAction, a8 as ChatServiceConfig, ae as ChatRequestDto, a9 as ChatRequestOptions, ag as ChatResponseDto } from '../chat.service-Dr9qCnuT.mjs';
+export { an as FloatingChatBox, ao as FloatingChatBoxProps, aj as LayerSnapshot, ar as LayerStyle, am as ZenitFeatureFilterPanel, al as ZenitLayerManager, ah as ZenitMap, ak as ZenitMapProps, ai as ZenitMapRef, aw as ZoomOpacityOptions, ax as clampNumber, ay as clampOpacity, av as getAccentByLayerId, aC as getEffectiveLayerOpacity, at as getLayerColor, aB as getLayerZoomOpacityFactor, au as getStyleByLayerId, aA as getZoomOpacityFactor, az as isPolygonLayer, as as resolveLayerAccent, ap as useSendMessage, aq as useSendMessageStream } from '../index-Da0hFqDL.mjs';
 export { ChevronLeft, ChevronRight, Eye, EyeOff, Layers, Upload, X, ZoomIn } from 'lucide-react';
-
-interface LayerStyle$1 {
-    color?: string;
-    weight?: number;
-    fillColor?: string;
-    fillOpacity?: number;
-}
-/**
- * Resuelve el color de acento para una capa basado en su estilo.
- * Prioridad: fillColor → color → null
- */
-declare function resolveLayerAccent(style?: LayerStyle$1 | null): string | null;
-/**
- * Obtiene el color de acento para una capa, con fallback a un color neutral.
- * @param style - El estilo de la capa
- * @param fallback - Color de fallback (por defecto gris neutral)
- */
-declare function getLayerColor(style?: LayerStyle$1 | null, fallback?: string): string;
-/**
- * Busca el estilo de una capa en un arreglo de mapLayers por su layerId.
- */
-declare function getStyleByLayerId(layerId: string | number, mapLayers?: Array<{
-    layerId: number | string;
-    style?: LayerStyle$1 | null;
-}>): LayerStyle$1 | null;
-/**
- * Obtiene el color de acento de una capa por su layerId.
- */
-declare function getAccentByLayerId(layerId: string | number, mapLayers?: Array<{
-    layerId: number | string;
-    style?: LayerStyle$1 | null;
-}>): string | null;
-
-interface LayerSnapshot {
-    layerId: number | string;
-    visible: boolean;
-    opacity: number;
-}
-interface ZenitMapRef {
-    setLayerOpacity: (layerId: number | string, opacity: number) => void;
-    setLayerVisibility: (layerId: number | string, visible: boolean) => void;
-    fitBounds: (bbox: Bbox, options?: {
-        padding?: [number, number];
-        animate?: boolean;
-    }) => void;
-    setView: (coordinates: {
-        lat: number;
-        lon: number;
-    }, zoom?: number) => void;
-    getLayerSnapshot: () => LayerSnapshot[];
-    restoreLayerSnapshot: (snapshot: LayerSnapshot[]) => void;
-    highlightFeature: (layerId: number | string, featureId?: number | string) => void;
-    getMapInstance: () => L.Map | null;
-}
-interface ZenitMapProps {
-    client: ZenitClient;
-    mapId: number;
-    height?: string;
-    width?: string;
-    initialZoom?: number;
-    initialCenter?: [number, number];
-    showLayerPanel?: boolean;
-    overlayGeojson?: GeoJsonFeatureCollection | null;
-    overlayStyle?: PathOptions;
-    layerControls?: Array<{
-        layerId: number | string;
-        visible?: boolean;
-        opacity?: number;
-    }>;
-    layerStates?: EffectiveLayerState[];
-    layerGeojson?: Record<string | number, GeoJsonFeatureCollection | null | undefined>;
-    onLayerStateChange?: (states: EffectiveLayerState[]) => void;
-    onError?: (error: unknown, ctx: 'map') => void;
-    onLoadingChange?: (ctx: 'map', loading: boolean) => void;
-    onFeatureClick?: (feature: any, layerId?: number | string) => void;
-    onFeatureHover?: (feature: any, layerId?: number | string) => void;
-    featureInfoMode?: 'popup' | 'none';
-    mapLayers?: Array<{
-        layerId: number | string;
-        style?: LayerStyle$1 | null;
-    }>;
-    zoomToBbox?: Bbox | null;
-    zoomToGeojson?: GeoJsonFeatureCollection | null;
-    onZoomChange?: (zoom: number) => void;
-    onMapReady?: (map: L.Map) => void;
-}
-declare const ZenitMap: React.ForwardRefExoticComponent<ZenitMapProps & React.RefAttributes<ZenitMapRef>>;
-
-interface LayerStyle {
-    color?: string;
-    weight?: number;
-    fillColor?: string;
-    fillOpacity?: number;
-}
-interface ZenitLayerManagerProps {
-    client: ZenitClient;
-    mapId: number | string;
-    side?: 'left' | 'right';
-    className?: string;
-    style?: React.CSSProperties;
-    height?: string;
-    layerStates?: EffectiveLayerState[];
-    onLayerStatesChange?: (states: EffectiveLayerState[]) => void;
-    mapZoom?: number;
-    autoOpacityOnZoom?: boolean;
-    autoOpacityConfig?: {
-        minZoom?: number;
-        maxZoom?: number;
-        minOpacity?: number;
-        maxOpacity?: number;
-    };
-    showUploadTab?: boolean;
-    showLayerVisibilityIcon?: boolean;
-    layerFeatureCounts?: Record<string | number, number | null | undefined>;
-    mapLayers?: Array<{
-        layerId: number | string;
-        geometryType?: string | null;
-        layerType?: string | null;
-        name?: string | null;
-        style?: LayerStyle | null;
-        bboxGeometry?: GeoJsonPolygon | null;
-        displayOrder?: number | null;
-    }>;
-    onZoomToLayer?: (layerId: number | string, bboxGeometry?: GeoJsonPolygon | null) => void;
-}
-declare const ZenitLayerManager: React.FC<ZenitLayerManagerProps>;
-
-interface ZenitFeatureFilterPanelProps {
-    title?: string;
-    description?: string;
-    className?: string;
-    style?: React.CSSProperties;
-    filters?: LayerFilters;
-    onChange?: (filters: LayerFilters) => void;
-    children?: React.ReactNode;
-}
-declare const ZenitFeatureFilterPanel: React.FC<ZenitFeatureFilterPanelProps>;
-
-interface FloatingChatBoxProps {
-    mapId?: number;
-    filteredLayerIds?: number[];
-    filters?: Record<string, unknown>;
-    userId?: number | null;
-    baseUrl?: string;
-    accessToken?: string;
-    getAccessToken?: () => string | Promise<string>;
-    onActionClick?: (action: SuggestedAction) => void;
-}
-declare const FloatingChatBox: React.FC<FloatingChatBoxProps>;
-
-declare const useSendMessage: (config?: ChatServiceConfig) => {
-    sendMessage: (mapId: number, request: ChatRequestDto, options?: ChatRequestOptions) => Promise<ChatResponseDto>;
-    isLoading: boolean;
-    error: unknown;
-};
-declare const useSendMessageStream: (config?: ChatServiceConfig) => {
-    sendMessage: (mapId: number, request: ChatRequestDto, options?: ChatRequestOptions) => Promise<ChatResponseDto>;
-    isStreaming: boolean;
-    streamingText: string;
-    completeResponse: ChatResponseDto | null;
-    error: unknown;
-    reset: () => void;
-};
-
-interface ZoomOpacityOptions {
-    minZoom?: number;
-    maxZoom?: number;
-    minFactor?: number;
-    maxFactor?: number;
-    minOpacity?: number;
-    maxOpacity?: number;
-}
-declare function clampNumber(value: number, min: number, max: number): number;
-declare function clampOpacity(value: number): number;
-declare function isPolygonLayer(layerType?: string, geometryType?: string): boolean;
-declare function getZoomOpacityFactor(zoom: number, options?: ZoomOpacityOptions): number;
-declare function getLayerZoomOpacityFactor(zoom: number, layerType?: string, geometryType?: string, options?: ZoomOpacityOptions): number;
-declare function getEffectiveLayerOpacity(baseOpacity: number, zoom: number, layerType?: string, geometryType?: string, options?: ZoomOpacityOptions): number;
-
-export { FloatingChatBox, type FloatingChatBoxProps, type LayerSnapshot, type LayerStyle$1 as LayerStyle, ZenitFeatureFilterPanel, ZenitLayerManager, ZenitMap, type ZenitMapProps, type ZenitMapRef, type ZoomOpacityOptions, clampNumber, clampOpacity, getAccentByLayerId, getEffectiveLayerOpacity, getLayerColor, getLayerZoomOpacityFactor, getStyleByLayerId, getZoomOpacityFactor, isPolygonLayer, resolveLayerAccent, useSendMessage, useSendMessageStream };
+import 'react';
+import 'leaflet';

package/dist/react/index.d.ts

@@ -1,184 +1,4 @@
-import React from 'react';
-import L, { PathOptions } from 'leaflet';
-import { d as ZenitClient, a as GeoJsonFeatureCollection, a4 as EffectiveLayerState, B as Bbox, c as GeoJsonPolygon, L as LayerFilters, af as SuggestedAction, a8 as ChatServiceConfig, ae as ChatRequestDto, a9 as ChatRequestOptions, ag as ChatResponseDto } from '../chat.service-Dr9qCnuT.js';
+export { an as FloatingChatBox, ao as FloatingChatBoxProps, aj as LayerSnapshot, ar as LayerStyle, am as ZenitFeatureFilterPanel, al as ZenitLayerManager, ah as ZenitMap, ak as ZenitMapProps, ai as ZenitMapRef, aw as ZoomOpacityOptions, ax as clampNumber, ay as clampOpacity, av as getAccentByLayerId, aC as getEffectiveLayerOpacity, at as getLayerColor, aB as getLayerZoomOpacityFactor, au as getStyleByLayerId, aA as getZoomOpacityFactor, az as isPolygonLayer, as as resolveLayerAccent, ap as useSendMessage, aq as useSendMessageStream } from '../index-Da0hFqDL.js';
 export { ChevronLeft, ChevronRight, Eye, EyeOff, Layers, Upload, X, ZoomIn } from 'lucide-react';
-
-interface LayerStyle$1 {
-    color?: string;
-    weight?: number;
-    fillColor?: string;
-    fillOpacity?: number;
-}
-/**
- * Resuelve el color de acento para una capa basado en su estilo.
- * Prioridad: fillColor → color → null
- */
-declare function resolveLayerAccent(style?: LayerStyle$1 | null): string | null;
-/**
- * Obtiene el color de acento para una capa, con fallback a un color neutral.
- * @param style - El estilo de la capa
- * @param fallback - Color de fallback (por defecto gris neutral)
- */
-declare function getLayerColor(style?: LayerStyle$1 | null, fallback?: string): string;
-/**
- * Busca el estilo de una capa en un arreglo de mapLayers por su layerId.
- */
-declare function getStyleByLayerId(layerId: string | number, mapLayers?: Array<{
-    layerId: number | string;
-    style?: LayerStyle$1 | null;
-}>): LayerStyle$1 | null;
-/**
- * Obtiene el color de acento de una capa por su layerId.
- */
-declare function getAccentByLayerId(layerId: string | number, mapLayers?: Array<{
-    layerId: number | string;
-    style?: LayerStyle$1 | null;
-}>): string | null;
-
-interface LayerSnapshot {
-    layerId: number | string;
-    visible: boolean;
-    opacity: number;
-}
-interface ZenitMapRef {
-    setLayerOpacity: (layerId: number | string, opacity: number) => void;
-    setLayerVisibility: (layerId: number | string, visible: boolean) => void;
-    fitBounds: (bbox: Bbox, options?: {
-        padding?: [number, number];
-        animate?: boolean;
-    }) => void;
-    setView: (coordinates: {
-        lat: number;
-        lon: number;
-    }, zoom?: number) => void;
-    getLayerSnapshot: () => LayerSnapshot[];
-    restoreLayerSnapshot: (snapshot: LayerSnapshot[]) => void;
-    highlightFeature: (layerId: number | string, featureId?: number | string) => void;
-    getMapInstance: () => L.Map | null;
-}
-interface ZenitMapProps {
-    client: ZenitClient;
-    mapId: number;
-    height?: string;
-    width?: string;
-    initialZoom?: number;
-    initialCenter?: [number, number];
-    showLayerPanel?: boolean;
-    overlayGeojson?: GeoJsonFeatureCollection | null;
-    overlayStyle?: PathOptions;
-    layerControls?: Array<{
-        layerId: number | string;
-        visible?: boolean;
-        opacity?: number;
-    }>;
-    layerStates?: EffectiveLayerState[];
-    layerGeojson?: Record<string | number, GeoJsonFeatureCollection | null | undefined>;
-    onLayerStateChange?: (states: EffectiveLayerState[]) => void;
-    onError?: (error: unknown, ctx: 'map') => void;
-    onLoadingChange?: (ctx: 'map', loading: boolean) => void;
-    onFeatureClick?: (feature: any, layerId?: number | string) => void;
-    onFeatureHover?: (feature: any, layerId?: number | string) => void;
-    featureInfoMode?: 'popup' | 'none';
-    mapLayers?: Array<{
-        layerId: number | string;
-        style?: LayerStyle$1 | null;
-    }>;
-    zoomToBbox?: Bbox | null;
-    zoomToGeojson?: GeoJsonFeatureCollection | null;
-    onZoomChange?: (zoom: number) => void;
-    onMapReady?: (map: L.Map) => void;
-}
-declare const ZenitMap: React.ForwardRefExoticComponent<ZenitMapProps & React.RefAttributes<ZenitMapRef>>;
-
-interface LayerStyle {
-    color?: string;
-    weight?: number;
-    fillColor?: string;
-    fillOpacity?: number;
-}
-interface ZenitLayerManagerProps {
-    client: ZenitClient;
-    mapId: number | string;
-    side?: 'left' | 'right';
-    className?: string;
-    style?: React.CSSProperties;
-    height?: string;
-    layerStates?: EffectiveLayerState[];
-    onLayerStatesChange?: (states: EffectiveLayerState[]) => void;
-    mapZoom?: number;
-    autoOpacityOnZoom?: boolean;
-    autoOpacityConfig?: {
-        minZoom?: number;
-        maxZoom?: number;
-        minOpacity?: number;
-        maxOpacity?: number;
-    };
-    showUploadTab?: boolean;
-    showLayerVisibilityIcon?: boolean;
-    layerFeatureCounts?: Record<string | number, number | null | undefined>;
-    mapLayers?: Array<{
-        layerId: number | string;
-        geometryType?: string | null;
-        layerType?: string | null;
-        name?: string | null;
-        style?: LayerStyle | null;
-        bboxGeometry?: GeoJsonPolygon | null;
-        displayOrder?: number | null;
-    }>;
-    onZoomToLayer?: (layerId: number | string, bboxGeometry?: GeoJsonPolygon | null) => void;
-}
-declare const ZenitLayerManager: React.FC<ZenitLayerManagerProps>;
-
-interface ZenitFeatureFilterPanelProps {
-    title?: string;
-    description?: string;
-    className?: string;
-    style?: React.CSSProperties;
-    filters?: LayerFilters;
-    onChange?: (filters: LayerFilters) => void;
-    children?: React.ReactNode;
-}
-declare const ZenitFeatureFilterPanel: React.FC<ZenitFeatureFilterPanelProps>;
-
-interface FloatingChatBoxProps {
-    mapId?: number;
-    filteredLayerIds?: number[];
-    filters?: Record<string, unknown>;
-    userId?: number | null;
-    baseUrl?: string;
-    accessToken?: string;
-    getAccessToken?: () => string | Promise<string>;
-    onActionClick?: (action: SuggestedAction) => void;
-}
-declare const FloatingChatBox: React.FC<FloatingChatBoxProps>;
-
-declare const useSendMessage: (config?: ChatServiceConfig) => {
-    sendMessage: (mapId: number, request: ChatRequestDto, options?: ChatRequestOptions) => Promise<ChatResponseDto>;
-    isLoading: boolean;
-    error: unknown;
-};
-declare const useSendMessageStream: (config?: ChatServiceConfig) => {
-    sendMessage: (mapId: number, request: ChatRequestDto, options?: ChatRequestOptions) => Promise<ChatResponseDto>;
-    isStreaming: boolean;
-    streamingText: string;
-    completeResponse: ChatResponseDto | null;
-    error: unknown;
-    reset: () => void;
-};
-
-interface ZoomOpacityOptions {
-    minZoom?: number;
-    maxZoom?: number;
-    minFactor?: number;
-    maxFactor?: number;
-    minOpacity?: number;
-    maxOpacity?: number;
-}
-declare function clampNumber(value: number, min: number, max: number): number;
-declare function clampOpacity(value: number): number;
-declare function isPolygonLayer(layerType?: string, geometryType?: string): boolean;
-declare function getZoomOpacityFactor(zoom: number, options?: ZoomOpacityOptions): number;
-declare function getLayerZoomOpacityFactor(zoom: number, layerType?: string, geometryType?: string, options?: ZoomOpacityOptions): number;
-declare function getEffectiveLayerOpacity(baseOpacity: number, zoom: number, layerType?: string, geometryType?: string, options?: ZoomOpacityOptions): number;
-
-export { FloatingChatBox, type FloatingChatBoxProps, type LayerSnapshot, type LayerStyle$1 as LayerStyle, ZenitFeatureFilterPanel, ZenitLayerManager, ZenitMap, type ZenitMapProps, type ZenitMapRef, type ZoomOpacityOptions, clampNumber, clampOpacity, getAccentByLayerId, getEffectiveLayerOpacity, getLayerColor, getLayerZoomOpacityFactor, getStyleByLayerId, getZoomOpacityFactor, isPolygonLayer, resolveLayerAccent, useSendMessage, useSendMessageStream };
+import 'react';
+import 'leaflet';

package/dist/react/index.js

@@ -2330,6 +2330,11 @@ var styles = {
     height: 56,
     padding: 0
   },
+  floatingButtonMobile: {
+    width: 56,
+    height: 56,
+    padding: 0
+  },
   // Panel (expandable)
   panel: {
     position: "fixed",
@@ -2579,7 +2584,9 @@ var FloatingChatBox = ({
   baseUrl,
   accessToken,
   getAccessToken,
-  onActionClick
+  onActionClick,
+  onOpenChange,
+  hideButton
 }) => {
   const [open, setOpen] = (0, import_react4.useState)(false);
   const [expanded, setExpanded] = (0, import_react4.useState)(false);
@@ -2598,6 +2605,14 @@ var FloatingChatBox = ({
   }, [accessToken, baseUrl, getAccessToken]);
   const { sendMessage: sendMessage2, isStreaming, streamingText, completeResponse } = useSendMessageStream(chatConfig);
   const canSend = Boolean(mapId) && Boolean(baseUrl) && inputValue.trim().length > 0 && !isStreaming;
+  (0, import_react4.useEffect)(() => {
+    onOpenChange?.(open);
+  }, [open, onOpenChange]);
+  (0, import_react4.useEffect)(() => {
+    if (open && isMobile) {
+      setExpanded(true);
+    }
+  }, [open, isMobile]);
   const scrollToBottom = (0, import_react4.useCallback)(() => {
     if (messagesEndRef.current) {
       messagesEndRef.current.scrollIntoView({ behavior: "smooth" });
@@ -2619,8 +2634,9 @@ var FloatingChatBox = ({
   }, [messages, streamingText, scrollToBottom]);
   (0, import_react4.useEffect)(() => {
     if (!open) return;
+    if (isMobile && expanded) return;
     const handleClickOutside = (event) => {
-      if (open && chatBoxRef.current && !chatBoxRef.current.contains(event.target)) {
+      if (chatBoxRef.current && !chatBoxRef.current.contains(event.target)) {
         setOpen(false);
       }
     };
@@ -2628,7 +2644,7 @@ var FloatingChatBox = ({
     return () => {
       document.removeEventListener("mousedown", handleClickOutside);
     };
-  }, [open]);
+  }, [open, isMobile, expanded]);
   (0, import_react4.useEffect)(() => {
     if (typeof window === "undefined") return;
     const mediaQuery = window.matchMedia("(max-width: 768px)");
@@ -2648,31 +2664,13 @@ var FloatingChatBox = ({
     };
   }, []);
   (0, import_react4.useEffect)(() => {
-    if (typeof window === "undefined" || typeof document === "undefined") return;
-    const mediaQuery = window.matchMedia("(max-width: 768px)");
-    const originalOverflow = document.body.style.overflow;
-    const updateOverflow = () => {
-      if (open && expanded && mediaQuery.matches) {
-        document.body.style.overflow = "hidden";
-      } else {
-        document.body.style.overflow = originalOverflow;
-      }
-    };
-    updateOverflow();
-    if (mediaQuery.addEventListener) {
-      mediaQuery.addEventListener("change", updateOverflow);
-    } else {
-      mediaQuery.addListener(updateOverflow);
-    }
+    if (typeof document === "undefined") return;
+    if (!open || !isMobile) return;
+    document.body.style.overflow = "hidden";
     return () => {
-      if (mediaQuery.removeEventListener) {
-        mediaQuery.removeEventListener("change", updateOverflow);
-      } else {
-        mediaQuery.removeListener(updateOverflow);
-      }
-      document.body.style.overflow = originalOverflow;
+      document.body.style.overflow = "";
     };
-  }, [open, expanded]);
+  }, [open, isMobile]);
   const addMessage = (0, import_react4.useCallback)((message) => {
     setMessages((prev) => [...prev, message]);
   }, []);
@@ -2881,13 +2879,18 @@ var FloatingChatBox = ({
             display: flex !important;
             flex-direction: column !important;
             overflow: hidden !important;
-            z-index: 3000 !important;
+            z-index: 100000 !important;
             padding-top: env(safe-area-inset-top);
-            padding-bottom: env(safe-area-inset-bottom);
           }
           .zenit-chat-panel.zenit-chat-panel--fullscreen .zenit-ai-body {
             flex: 1;
-            overflow: auto;
+            min-height: 0;
+            overflow-y: auto;
+            -webkit-overflow-scrolling: touch;
+          }
+          .zenit-chat-panel.zenit-chat-panel--fullscreen .zenit-ai-input-area {
+            flex-shrink: 0;
+            padding-bottom: max(14px, env(safe-area-inset-bottom));
           }
           .zenit-ai-button.zenit-ai-button--hidden-mobile {
             display: none !important;
@@ -2898,7 +2901,7 @@ var FloatingChatBox = ({
       "div",
       {
         ref: chatBoxRef,
-        className: `zenit-chat-panel${expanded ? " zenit-chat-panel--expanded" : ""}${expanded && isMobile ? " zenit-chat-panel--fullscreen" : ""}`,
+        className: `zenit-chat-panel${expanded ? " zenit-chat-panel--expanded" : ""}${isMobile ? " zenit-chat-panel--fullscreen" : ""}`,
         style: {
           ...styles.panel,
           ...expanded ? styles.panelExpanded : styles.panelNormal
@@ -2998,7 +3001,7 @@ var FloatingChatBox = ({
             ),
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ref: messagesEndRef })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles.inputWrapper, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "zenit-ai-input-area", style: styles.inputWrapper, children: [
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "textarea",
               {
@@ -3035,20 +3038,20 @@ var FloatingChatBox = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    !(hideButton && !open) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "button",
       {
         type: "button",
-        className: `zenit-ai-button ${open ? "open" : ""}${open && expanded && isMobile ? " zenit-ai-button--hidden-mobile" : ""}`,
+        className: `zenit-ai-button ${open ? "open" : ""}${open && isMobile ? " zenit-ai-button--hidden-mobile" : ""}`,
         style: {
           ...styles.floatingButton,
-          ...open ? styles.floatingButtonOpen : styles.floatingButtonClosed
+          ...open ? styles.floatingButtonOpen : isMobile ? styles.floatingButtonMobile : styles.floatingButtonClosed
         },
         onClick: () => setOpen((prev) => !prev),
         "aria-label": open ? "Cerrar asistente" : "Abrir asistente Zenit AI",
         children: open ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CloseIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ChatIcon, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "Asistente IA" })
+          !isMobile && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "Asistente IA" })
         ] })
       }
     )