@djangocfg/ui-tools 2.1.385 → 2.1.389

package/src/tools/Chat/lazy.tsx

@@ -1,7 +1,36 @@
 'use client';
 
+/**
+ * `@djangocfg/ui-tools/chat` subpath entrypoint.
+ *
+ * This file is the public surface consumers see when they
+ * `import … from '@djangocfg/ui-tools/chat'`. It is designed so that the
+ * heavy chat UI (~hundreds of KB across MessageList, Composer, ToolCalls,
+ * Attachments, MarkdownMessage transitively) loads only when one of the
+ * `Lazy*` wrappers actually mounts.
+ *
+ * Rules of thumb:
+ * - **Heavy** (ChatRoot, ChatLauncher, ChatFAB, ChatDock, MessageList,
+ *   MessageBubble, Composer, ToolCalls, Attachments*, ChatHeader*, …) —
+ *   loaded only via `Lazy*` wrappers below. Do NOT add synchronous
+ *   re-exports for these from this file.
+ * - **Light** (types, config constants, pure core reducer/utils,
+ *   transports, hooks without UI, audio prefs, draft sanitizer) —
+ *   re-exported synchronously here. Types are erased at compile time;
+ *   helpers and hooks pull in no UI components.
+ *
+ * Consumers that need synchronous access to the heavy components
+ * (custom chat layouts, Storybook stories) can import from the root
+ * barrel `@djangocfg/ui-tools` instead.
+ */
+
 import { createLazyComponent, LoadingFallback } from '../../components/lazy-wrapper';
 import type { ChatRootProps } from './components/ChatRoot';
+import type { ChatLauncherProps } from './launcher';
+
+// ============================================================================
+// Lazy UI components
+// ============================================================================
 
 export const LazyChat = createLazyComponent<ChatRootProps>(
   () => import('./components/ChatRoot').then((m) => ({ default: m.ChatRoot })),
@@ -11,4 +40,274 @@ export const LazyChat = createLazyComponent<ChatRootProps>(
   },
 );
 
-export type { ChatRootProps };
+export const LazyChatLauncher = createLazyComponent<ChatLauncherProps>(
+  () => import('./launcher').then((m) => ({ default: m.ChatLauncher })),
+  {
+    displayName: 'LazyChatLauncher',
+    // Launcher renders a floating FAB by default — no inline placeholder.
+    fallback: null,
+  },
+);
+
+// ============================================================================
+// Light surface re-exports — types + pure helpers + hooks without UI
+// ============================================================================
+
+// Types (erased at compile time, free to re-export)
+export type {
+  ChatRole,
+  ChatMessage,
+  ChatPersona,
+  ChatToolCall,
+  ChatAttachment,
+  ChatSource,
+  ChatDisplayMode,
+  ChatUserContext,
+  ChatAssistantContext,
+  ChatPrefs,
+  ChatConfig,
+  ChatLabels,
+  ChatTransport,
+  ChatStreamEvent,
+  CreateSessionOptions,
+  SessionInfo,
+  HistoryPage,
+  StreamOptions,
+  SendOptions,
+} from './types';
+export { DEFAULT_LABELS } from './types';
+
+// Config — plain constants, no UI imports
+export {
+  STORAGE_KEYS,
+  CSS_VARS,
+  DEFAULT_Z_INDEX,
+  LIMITS,
+  DEFAULT_SIDEBAR,
+  HOTKEYS,
+  CHAT_EVENT_NAME,
+  type ChatEventDetail,
+} from './config';
+
+// Core — pure reducer / id / token buffer / persona / initials
+export {
+  reducer,
+  initialState,
+  createId,
+  createTokenBuffer,
+  resolvePersona,
+  deriveInitials,
+  type ChatState,
+  type ChatAction,
+  type TokenBuffer,
+} from './core';
+
+// Transports — pure functions, no UI
+export {
+  createHttpTransport,
+  createMockTransport,
+  parseSSE,
+  TransportError,
+  createPydanticAIChatTransport,
+  createToolIdQueue,
+  mapPydanticAIEvent,
+  createPydanticAISSEMap,
+  type HttpTransportConfig,
+  type MockTransportOptions,
+  type ParseSSEOptions,
+  type PydanticAIChatTransportOpts,
+  type PydanticAIEvent,
+  type ToolIdQueue,
+} from './core/transport';
+
+// Hooks — no JSX, no UI
+export {
+  useChat,
+  useChatComposer,
+  useChatScroll,
+  useChatHistory,
+  useChatLayout,
+  useChatAudio,
+  useAutoFocusOnStreamEnd,
+  useRegisterComposer,
+  useChatReset,
+  useVisitorFingerprint,
+  useChatDockPrefs,
+  DEFAULT_DOCK_PREFS,
+  useFocusOnEmptyClick,
+  useChatUnread,
+  useChatLightbox,
+  type UseChatUnreadOptions,
+  type UseChatUnreadReturn,
+  type UseChatConfig,
+  type UseChatReturn,
+  type UseChatComposerOptions,
+  type UseChatComposerReturn,
+  type UseChatScrollOptions,
+  type UseChatScrollReturn,
+  type UseChatHistoryOptions,
+  type UseChatLayoutConfig,
+  type UseChatLayoutReturn,
+  type UseAutoFocusOnStreamEndOptions,
+  type Focusable,
+  type UseChatResetOptions,
+  type UseChatResetReturn,
+  type UseVisitorFingerprintOptions,
+  type ChatDockPrefs,
+  type UseChatDockPrefsOptions,
+  type UseChatDockPrefsReturn,
+  type UseFocusOnEmptyClickOptions,
+  type UseChatLightboxReturn,
+  type ChatLightboxState,
+} from './hooks';
+
+// Audio
+export {
+  useChatAudioPrefs,
+  DEFAULT_CHAT_SOUNDS,
+  type ChatAudioEvent,
+  type ChatAudioSounds,
+  type ChatAudioConfig,
+  type UseChatAudioReturn,
+} from './core/audio';
+
+// Tool-call payload dispatcher — pure
+export {
+  dispatchToolPayload,
+  isPlainObject,
+  isLatLng,
+  isGeoJSONFeatureCollection,
+  isStringValue,
+  type ToolPayloadMatcher,
+  type ToolPayloadFallback,
+} from './core/payload-dispatch';
+
+// Logger — pure
+export {
+  getChatLogger,
+  type ChatLogger,
+  type ChatLogScope,
+} from './core/logger';
+
+// Utils — pure
+export { sanitizeDraft, isSubmittableDraft } from './utils/sanitizeDraft';
+export { collectImageAttachments } from './utils/collectImageAttachments';
+
+// Style tokens — strings + hooks, no UI components
+export {
+  BUBBLE_SURFACE,
+  ANCHOR,
+  TOGGLE,
+  DESTRUCTIVE_SURFACE,
+  TOOL_CALL,
+  useChatBubbleStyles,
+  useChatRoleStyles,
+  useChatDestructiveStyles,
+  type ChatBubbleSurface,
+  type ChatBubbleStyles,
+  type ChatRoleStyles,
+  type ChatDestructiveStyles,
+} from './styles';
+
+// Provider / context — needed by callers wiring custom chat shells
+export {
+  ChatProvider,
+  useChatContext,
+  useChatContextOptional,
+  type ChatContextValue,
+  type ChatProviderProps,
+} from './context';
+
+// ============================================================================
+// Composable surface — synchronously re-exported components and their prop
+// types. These are needed by consumers that build custom chat shells
+// (e.g. `@djangocfg/crm`'s AdminChat / PublicChat) rather than rendering
+// `LazyChat` directly.
+//
+// They DO transitively pull in MarkdownMessage / Sources / StreamingIndicator
+// when actually rendered. Importing the types alone is free. Importing the
+// component costs the dependency graph — that's the price of a custom shell.
+//
+// Apps that want maximum laziness should use `LazyChat` / `LazyChatLauncher`
+// above and skip these.
+// ============================================================================
+
+export {
+  ChatLauncher,
+  ChatFAB,
+  ChatDock,
+  ChatHeader,
+  ChatHeaderActionButton,
+  ChatHeaderAudioToggle,
+  ChatHeaderLanguageButton,
+  ChatHeaderModeToggle,
+  ChatHeaderResetButton,
+  ChatGreeting,
+  ChatUnreadPreview,
+} from './launcher';
+
+export {
+  ChatRoot,
+  MessageList,
+  MessageBubble,
+  MessageActions,
+  Composer,
+  Sources,
+  ToolCalls,
+  Attachments,
+  AttachmentsGrid,
+  AttachmentsList,
+  EmptyState,
+  ErrorBanner,
+  JumpToLatest,
+  StreamingIndicator,
+  AudioToggle,
+} from './components';
+
+// Heavy-component prop types
+export type {
+  ChatLauncherProps,
+  ChatLauncherHotkey,
+  ChatLauncherGreeting,
+  ChatFABProps,
+  ChatFABPosition,
+  ChatFABVariant,
+  ChatFABSize,
+  ChatDockProps,
+  ChatDockMode,
+  ChatDockSide,
+  ChatHeaderProps,
+  ChatHeaderActionButtonProps,
+  ChatHeaderModeToggleProps,
+  ChatHeaderAudioToggleProps,
+  ChatHeaderResetButtonProps,
+  ChatHeaderLanguageButtonProps,
+  ChatGreetingProps,
+  ChatUnreadPreviewProps,
+  ChatPresencePhase,
+} from './launcher';
+
+export { useChatPresence } from './launcher';
+
+export type {
+  ChatRootProps,
+  MessageListProps,
+  MessageListHandle,
+  MessageBubbleProps,
+  MessageActionsProps,
+  ComposerProps,
+  SourcesProps,
+  ToolCallsProps,
+  ToolPayloadKind,
+  AttachmentsProps,
+  AttachmentsGridProps,
+  AttachmentsListProps,
+  AttachmentRenderer,
+  AttachmentRendererArgs,
+  AttachmentRendererMap,
+  EmptyStateProps,
+  ErrorBannerProps,
+  JumpToLatestProps,
+  StreamingIndicatorProps,
+  AudioToggleProps,
+} from './components';

package/src/tools/CodeEditor/lazy.tsx

@@ -0,0 +1,70 @@
+'use client';
+
+/**
+ * `@djangocfg/ui-tools/code-editor` subpath entrypoint.
+ *
+ * Monaco itself weighs ~550 KB minified — we must never pay that cost
+ * unless the editor actually mounts. The `Lazy*` wrappers here dynamically
+ * import the `Editor` and `DiffEditor` components, which transitively pull
+ * in `monaco-editor` and the worker setup.
+ *
+ * The rest of the surface (types, EditorProvider, useMonaco hook, helpers)
+ * is light:
+ *   - `monaco-editor` is referenced only as a TS type (`type *`) — erased
+ *     at compile time.
+ *   - `useMonaco` performs a dynamic `import('monaco-editor')` itself, so
+ *     importing the hook is free until the caller actually invokes it.
+ *
+ * That means consumers can wire up keyboard shortcuts, theme toggles, or
+ * file-state hooks at the top of their tree without paying Monaco's cost,
+ * and only render `<LazyEditor>` lower in the tree where it's needed.
+ */
+
+import { createLazyComponent, LoadingFallback } from '../../components';
+import type { EditorProps, DiffEditorProps } from './types';
+
+// ============================================================================
+// Lazy components
+// ============================================================================
+
+export const LazyEditor = createLazyComponent<EditorProps>(
+  () => import('./components/Editor').then((m) => ({ default: m.Editor })),
+  {
+    displayName: 'LazyEditor',
+    fallback: <LoadingFallback minHeight={320} text="Loading editor…" />,
+  },
+);
+
+export const LazyDiffEditor = createLazyComponent<DiffEditorProps>(
+  () => import('./components/DiffEditor').then((m) => ({ default: m.DiffEditor })),
+  {
+    displayName: 'LazyDiffEditor',
+    fallback: <LoadingFallback minHeight={320} text="Loading diff editor…" />,
+  },
+);
+
+// ============================================================================
+// Light surface
+// ============================================================================
+
+// Hooks — `useMonaco` does its own dynamic import; the others are pure.
+export {
+  useMonaco,
+  useEditor,
+  useLanguage,
+  useEditorTheme,
+} from './hooks';
+
+// Provider + context hook
+export { EditorProvider, useEditorContext } from './context';
+
+// All types
+export type {
+  EditorFile,
+  EditorOptions,
+  EditorProps,
+  EditorContextValue,
+  UseEditorReturn,
+  UseMonacoReturn,
+  DiffEditorProps,
+} from './types';

package/src/tools/Map/lazy.tsx

@@ -42,11 +42,48 @@ export const LazyMapView = createLazyComponent(
 );
 
 // ============================================================================
-// Re-export types for convenience
+// Light primitives — direct re-exports
+//
+// MapMarker / MapPopup / MapCluster / MapSource / MapLayer / MapControls
+// etc. are thin wrappers around `react-map-gl/maplibre`. They don't import
+// `maplibre-gl` at module scope (only types, which are erased), so exporting
+// them synchronously here costs ~tens of KB at most — not the ~800KB of
+// MapLibre GL itself.
+//
+// The heavy library only loads when `LazyMapContainer` actually mounts,
+// because `MapContainer.tsx` (the only module that imports `maplibre-gl`
+// at runtime) is reached exclusively via the dynamic import above.
+//
+// This means consumers can write:
+//
+//   import { LazyMapContainer, MapMarker, MapPopup } from '@djangocfg/ui-tools/map'
+//
+// …and still get correct code-splitting.
 // ============================================================================
 
+export {
+  MapMarker,
+  MapPopup,
+  MapCluster,
+  MapSource,
+  MapLayer,
+  MapControls,
+  CustomOverlay,
+  MapLegend,
+  LayerSwitcher,
+} from './components';
+
+export { MapProvider, useMapContext, MapContext } from './context';
+export type { MapProviderProps } from './context';
+
 export type {
   MapContainerProps,
+  MapMarkerProps,
+  MapPopupProps,
+  MapClusterProps,
+  MapSourceProps,
+  MapLayerProps,
+  MapControlsProps,
 } from './components';
 
 export type {

package/src/tools/MarkdownEditor/lazy.tsx

@@ -0,0 +1,42 @@
+'use client';
+
+/**
+ * `@djangocfg/ui-tools/markdown-editor` subpath entrypoint.
+ *
+ * `MarkdownEditor` is a TipTap WYSIWYG with the full ProseMirror + TipTap
+ * extension stack — `@tiptap/react`, `starter-kit`, `markdown`, `mention`,
+ * `placeholder`, plus our `createMentionSuggestion` (floating-ui anchored
+ * dropdown). Together that's ~200 KB minified — wrap it in React.lazy so
+ * pages that don't render an editor don't pay.
+ *
+ * Light surface kept here:
+ *   - All public types (erased at compile time).
+ *   - `mentionPresets` — pure data describing how to render mentions to
+ *     markdown. No TipTap imports at module scope.
+ */
+
+import { createLazyComponent, LoadingFallback } from '../../components';
+import type { MarkdownEditorProps } from './MarkdownEditor';
+
+export const LazyMarkdownEditor = createLazyComponent<MarkdownEditorProps>(
+  () => import('./MarkdownEditor').then((m) => ({ default: m.MarkdownEditor })),
+  {
+    displayName: 'LazyMarkdownEditor',
+    fallback: <LoadingFallback minHeight={140} text="Loading editor…" />,
+  },
+);
+
+// Light surface — pure helpers + types.
+export { mentionPresets } from './mentionPresets';
+
+export type {
+  MarkdownEditorProps,
+  MarkdownEditorHandle,
+} from './MarkdownEditor';
+
+export type {
+  MentionItem,
+  MentionConfig,
+  MentionAttrs,
+  MentionMarkdownRenderer,
+} from './types';

package/src/{components/markdown → tools}/MarkdownMessage/CodeBlock.tsx

@@ -1,7 +1,7 @@
 import React, { memo } from 'react';
 import { CopyButton } from '@djangocfg/ui-core/components';
 import { useResolvedTheme } from '@djangocfg/ui-core/hooks';
-import PrettyCode from '../../../tools/PrettyCode';
+import PrettyCode from '../PrettyCode';
 
 interface CodeBlockProps {
   code: string;

package/src/{components/markdown → tools}/MarkdownMessage/CollapseToggle.tsx

@@ -1,6 +1,6 @@
 import React, { memo } from 'react';
 
-import { TOGGLE } from '../../../tools/Chat/styles/bubbleTokens';
+import { TOGGLE } from '../Chat/styles/bubbleTokens';
 
 interface CollapseToggleProps {
   isCollapsed: boolean;

package/src/{components/markdown → tools}/MarkdownMessage/MarkdownMessage.tsx

@@ -11,7 +11,7 @@ import remarkGfm from 'remark-gfm';
 import remarkSmartypants from 'remark-smartypants';
 import type { Components } from 'react-markdown';
 
-import { useCollapsibleContent } from '../useCollapsibleContent';
+import { useCollapsibleContent } from '../../hooks/useCollapsibleContent';
 import type { MarkdownMessageProps } from './types';
 import { buildSchema, buildUrlTransform } from './sanitize';
 import { looksLikePlainProse } from './plainText';

package/src/{components/markdown → tools}/MarkdownMessage/components.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { Components } from 'react-markdown';
-import Mermaid from '../../../tools/Mermaid';
-import { ANCHOR } from '../../../tools/Chat/styles/bubbleTokens';
+import Mermaid from '../Mermaid';
+import { ANCHOR } from '../Chat/styles/bubbleTokens';
 import { CodeBlock, CodeBlockFallback } from './CodeBlock';
 import { extractTextFromChildren } from './plainText';
 

package/src/tools/OpenapiViewer/components/DocsLayout/ApiIntroSection.tsx

@@ -2,7 +2,7 @@
 
 import React from 'react';
 
-import { MarkdownMessage } from '../../../../components/markdown';
+import { MarkdownMessage } from '../../../MarkdownMessage';
 import type { ApiEndpoint, OpenApiInfo, OpenApiSchema } from '../../types';
 import { SchemaCopyMenu } from './SchemaCopyMenu';
 

package/src/tools/OpenapiViewer/components/DocsLayout/EndpointDoc/Header/index.tsx

@@ -5,7 +5,7 @@ import React, { useCallback, useMemo, useState } from 'react';
 
 import { Button } from '@djangocfg/ui-core/components';
 
-import { MarkdownMessage } from '../../../../../../components/markdown';
+import { MarkdownMessage } from '../../../../../MarkdownMessage';
 import type { ApiEndpoint } from '../../../../types';
 import { endpointToMarkdown } from '../../../../utils/schemaExport';
 import type { SectionId } from '../types';

package/src/tools/SpeechRecognition/README.md

@@ -278,6 +278,54 @@ const unsubscribe = useSpeechPrefs.subscribe((state) => {
 
 ---
 
+## Debug logger
+
+Scoped, namespaced [consola](https://github.com/unjs/consola) wrapper that silences itself in production by default. Mirrors `getChatLogger()` in the Chat tool so both surfaces feel the same in DevTools.
+
+```ts
+import { getSpeechLogger } from '@djangocfg/ui-tools';
+
+const log = getSpeechLogger();
+log.dictation.info('final merged', { len: 42 });
+log.engine.debug('state', 'listening');
+log.error.error('engine threw', err);
+```
+
+Sub-loggers: `engine`, `dictation`, `slot`, `composer`, `mic`, `push`, `error`. `error` always emits; everything else is gated.
+
+**Opt-in (any one is enough):**
+
+1. **Dev mode** — `NODE_ENV === 'development'` auto-enables everything.
+2. **Runtime toggle** — paste this in DevTools to enable without a rebuild:
+   ```js
+   localStorage.setItem('djangocfg:speech-debug', '1');
+   location.reload();
+   ```
+   `'0'` (or `removeItem`) turns it back off.
+3. **Explicit** — `getSpeechLogger(true)` from a host component (analogous to `<ChatRoot debug />`).
+
+**What you'll see when on**, in order of a typical dictation session:
+
+```
+[speech][slot] mount { supported: true, hasComposerHandle: true, … }
+[speech][engine] subscribe { engineId: 'webspeech' }
+[speech][engine] state 'listening'
+[speech][engine] partial { len: 6, segmentId: 's1' }
+[speech][composer] setValue → composer handle { len: 12 }
+[speech][engine] final { len: 42, confidence: 0.91 }
+[speech][dictation] final merged { len: 42, totalLen: 54 }
+[speech][engine] autoStop silence detected
+[speech][engine] state 'closed'
+```
+
+If text never appears in your composer, look for:
+
+- `[speech][slot] mount { hasComposerHandle: false, … }` → `<VoiceComposerSlot>` is outside a `<ChatProvider>` and no `value`/`onChange` props were given — text is going nowhere.
+- `[speech][composer] warn setValue called but no composer handle is registered …` → the composer never called `useRegisterComposer(...)`. Built-in `<Composer>` and `MarkdownEditor` do this automatically; custom composers must opt in.
+- `[speech][engine] final` arrives but no `[speech][dictation] final merged` follows → check `normaliseFinal` filtered the text (empty / whitespace only).
+
+---
+
 ## Public surface
 
 ### Hooks

package/dist/ChatRoot-JVR3M3H2.mjs

@@ -1,5 +0,0 @@
-export { ChatRoot } from './chunk-PEKBT75W.mjs';
-import './chunk-HIK6BPL7.mjs';
-import './chunk-N2XQF2OL.mjs';
-//# sourceMappingURL=ChatRoot-JVR3M3H2.mjs.map
-//# sourceMappingURL=ChatRoot-JVR3M3H2.mjs.map

package/dist/ChatRoot-LXIUBOXF.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var chunkHPK3EWBF_cjs = require('./chunk-HPK3EWBF.cjs');
-require('./chunk-FIRK5CEH.cjs');
-require('./chunk-OLISEQHS.cjs');
-
-
-
-Object.defineProperty(exports, "ChatRoot", {
-  enumerable: true,
-  get: function () { return chunkHPK3EWBF_cjs.ChatRoot; }
-});
-//# sourceMappingURL=ChatRoot-LXIUBOXF.cjs.map
-//# sourceMappingURL=ChatRoot-LXIUBOXF.cjs.map

package/dist/MapContainer-76YL2JXL.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tools/Map/context/MapContext.tsx","../src/tools/Map/styles/index.ts","../src/tools/Map/components/MapContainer.tsx"],"names":["createContext","useRef","useState","useCallback","useMemo","jsx","__name","useContext","useEffect","jsxs","Fragment","Map","cn","RotateCcw","ExternalLink"],"mappings":"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","file":"MapContainer-76YL2JXL.cjs","sourcesContent":["'use client'\n\nimport {\n  createContext,\n  useContext,\n  useState,\n  useRef,\n  useMemo,\n  useCallback,\n  type ReactNode,\n} from 'react'\nimport type { MapRef } from 'react-map-gl/maplibre'\nimport type { MapContextValue, MapViewport, MarkerData } from '../types'\n\nconst MapContext = createContext<MapContextValue | null>(null)\n\nexport interface MapProviderProps {\n  children: ReactNode\n  initialViewport?: Partial<MapViewport>\n}\n\nconst DEFAULT_VIEWPORT: MapViewport = {\n  longitude: 115.1889,\n  latitude: -8.4095,\n  zoom: 10,\n  bearing: 0,\n  pitch: 0,\n}\n\nexport function MapProvider({ children, initialViewport }: MapProviderProps) {\n  const mapRef = useRef<MapRef | null>(null)\n  const initialViewportRef = useRef<MapViewport>({\n    ...DEFAULT_VIEWPORT,\n    ...initialViewport,\n  })\n  const [viewport, setViewportState] = useState<MapViewport>(initialViewportRef.current)\n  const [markers, setMarkers] = useState<MarkerData[]>([])\n  const [selectedMarker, setSelectedMarker] = useState<MarkerData | null>(null)\n  const [hoveredFeature, setHoveredFeature] = useState<GeoJSON.Feature | null>(null)\n  const [isLoaded, setIsLoaded] = useState(false)\n\n  const setViewport = useCallback((newViewport: Partial<MapViewport>) => {\n    setViewportState((prev) => ({ ...prev, ...newViewport }))\n  }, [])\n\n  const resetToInitial = useCallback(() => {\n    const map = mapRef.current\n    if (map) {\n      map.flyTo({\n        center: [initialViewportRef.current.longitude, initialViewportRef.current.latitude],\n        zoom: initialViewportRef.current.zoom,\n        bearing: initialViewportRef.current.bearing ?? 0,\n        pitch: initialViewportRef.current.pitch ?? 0,\n        duration: 1000,\n      })\n    }\n  }, [])\n\n  const value = useMemo<MapContextValue>(\n    () => ({\n      mapRef,\n      viewport,\n      setViewport,\n      initialViewport: initialViewportRef.current,\n      resetToInitial,\n      markers,\n      setMarkers,\n      selectedMarker,\n      setSelectedMarker,\n      hoveredFeature,\n      setHoveredFeature,\n      isLoaded,\n      setIsLoaded,\n    }),\n    [viewport, setViewport, resetToInitial, markers, selectedMarker, hoveredFeature, isLoaded]\n  )\n\n  return <MapContext.Provider value={value}>{children}</MapContext.Provider>\n}\n\nexport function useMapContext(): MapContextValue {\n  const context = useContext(MapContext)\n  if (!context) {\n    throw new Error('useMapContext must be used within a MapProvider')\n  }\n  return context\n}\n\nexport { MapContext }\n","export const MAP_STYLES = {\n  light: 'https://basemaps.cartocdn.com/gl/positron-gl-style/style.json',\n  dark: 'https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json',\n  streets: 'https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json',\n  satellite: 'https://api.maptiler.com/maps/satellite/style.json',\n} as const\n\nexport type MapStyleKey = keyof typeof MAP_STYLES\n\nexport function getMapStyle(key: MapStyleKey | string): string {\n  if (key in MAP_STYLES) {\n    return MAP_STYLES[key as MapStyleKey]\n  }\n  return key\n}\n","'use client'\n\nimport { useCallback, useEffect, useRef, type ReactNode } from 'react'\nimport Map, { type ViewStateChangeEvent } from 'react-map-gl/maplibre'\nimport { ExternalLink, RotateCcw } from 'lucide-react'\nimport { cn } from '@djangocfg/ui-core/lib'\nimport 'maplibre-gl/dist/maplibre-gl.css'\n\nimport { MapProvider, useMapContext } from '../context'\nimport { MAP_STYLES } from '../styles'\nimport type { MapViewport, MapStyleKey } from '../types'\n\nexport interface MapContainerProps {\n  children?: ReactNode\n  initialViewport?: Partial<MapViewport>\n  mapStyle?: MapStyleKey | string\n  interactiveLayerIds?: string[]\n  className?: string\n  style?: React.CSSProperties\n  cursor?: string\n  attributionControl?: boolean\n  reuseMaps?: boolean\n  /** URL to open in external maps app (shows \"Open in Maps\" button if provided) */\n  openInMapsUrl?: string\n  /** Label for the open in maps button */\n  openInMapsLabel?: string\n  /** Auto-reset to initial viewport after N ms of inactivity (0 = disabled) */\n  autoResetDelay?: number\n  /** Show reset button */\n  showResetButton?: boolean\n}\n\ninterface MapInnerProps extends Omit<MapContainerProps, 'initialViewport'> {}\n\nfunction MapInner({\n  children,\n  mapStyle = 'light',\n  interactiveLayerIds,\n  style,\n  cursor,\n  attributionControl = true,\n  reuseMaps = true,\n  openInMapsUrl,\n  openInMapsLabel = 'Open in Maps',\n  autoResetDelay = 0,\n  showResetButton = false,\n}: MapInnerProps) {\n  const { mapRef, viewport, setViewport, setIsLoaded, resetToInitial, initialViewport } = useMapContext()\n  const resetTimerRef = useRef<NodeJS.Timeout | null>(null)\n  const isInteractingRef = useRef(false)\n\n  // Check if viewport has changed from initial\n  const hasViewportChanged =\n    Math.abs(viewport.longitude - initialViewport.longitude) > 0.0001 ||\n    Math.abs(viewport.latitude - initialViewport.latitude) > 0.0001 ||\n    Math.abs(viewport.zoom - initialViewport.zoom) > 0.1\n\n  const handleMove = useCallback(\n    (evt: ViewStateChangeEvent) => {\n      setViewport({\n        longitude: evt.viewState.longitude,\n        latitude: evt.viewState.latitude,\n        zoom: evt.viewState.zoom,\n        bearing: evt.viewState.bearing,\n        pitch: evt.viewState.pitch,\n      })\n    },\n    [setViewport]\n  )\n\n  const handleMoveStart = useCallback(() => {\n    isInteractingRef.current = true\n    // Clear any pending reset timer\n    if (resetTimerRef.current) {\n      clearTimeout(resetTimerRef.current)\n      resetTimerRef.current = null\n    }\n  }, [])\n\n  const handleMoveEnd = useCallback(() => {\n    isInteractingRef.current = false\n    // Start auto-reset timer if enabled\n    if (autoResetDelay > 0) {\n      resetTimerRef.current = setTimeout(() => {\n        if (!isInteractingRef.current) {\n          resetToInitial()\n        }\n      }, autoResetDelay)\n    }\n  }, [autoResetDelay, resetToInitial])\n\n  const handleLoad = useCallback(() => {\n    setIsLoaded(true)\n  }, [setIsLoaded])\n\n  // Cleanup timer on unmount\n  useEffect(() => {\n    return () => {\n      if (resetTimerRef.current) {\n        clearTimeout(resetTimerRef.current)\n      }\n    }\n  }, [])\n\n  const resolvedStyle = mapStyle in MAP_STYLES\n    ? MAP_STYLES[mapStyle as MapStyleKey]\n    : mapStyle\n\n  return (\n    <>\n      <Map\n        ref={mapRef}\n        {...viewport}\n        onMove={handleMove}\n        onMoveStart={handleMoveStart}\n        onMoveEnd={handleMoveEnd}\n        onLoad={handleLoad}\n        mapStyle={resolvedStyle}\n        interactiveLayerIds={interactiveLayerIds}\n        attributionControl={attributionControl ? {} : false}\n        reuseMaps={reuseMaps}\n        style={{\n          width: '100%',\n          height: '100%',\n          ...style,\n        }}\n        cursor={cursor}\n      >\n        {children}\n      </Map>\n\n      {/* Map overlay buttons */}\n      <div className=\"absolute bottom-3 right-3 flex items-center gap-2\">\n        {/* Reset button */}\n        {showResetButton && hasViewportChanged && (\n          <button\n            type=\"button\"\n            onClick={resetToInitial}\n            className={cn(\n              'inline-flex items-center gap-2 px-3 py-2 rounded-lg',\n              'bg-background/95 backdrop-blur-sm text-foreground text-sm font-medium',\n              'hover:bg-background transition-colors shadow-sm border border-border'\n            )}\n          >\n            <RotateCcw className=\"w-4 h-4\" />\n            Reset\n          </button>\n        )}\n\n        {/* Open in Maps button */}\n        {openInMapsUrl && (\n          <a\n            href={openInMapsUrl}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className={cn(\n              'inline-flex items-center gap-2 px-4 py-2 rounded-lg',\n              'bg-background/95 backdrop-blur-sm text-foreground text-sm font-medium',\n              'hover:bg-background transition-colors shadow-sm border border-border'\n            )}\n          >\n            <ExternalLink className=\"w-4 h-4\" />\n            {openInMapsLabel}\n          </a>\n        )}\n      </div>\n    </>\n  )\n}\n\nexport function MapContainer({\n  children,\n  initialViewport,\n  className,\n  ...props\n}: MapContainerProps) {\n  return (\n    <div className={className} style={{ width: '100%', height: '100%', position: 'relative' }}>\n      <MapProvider initialViewport={initialViewport}>\n        <MapInner {...props}>{children}</MapInner>\n      </MapProvider>\n    </div>\n  )\n}\n\n/**\n * Use this when you need the map inside an existing MapProvider\n */\nexport function MapView(props: Omit<MapContainerProps, 'initialViewport'>) {\n  return <MapInner {...props} />\n}\n"]}