chore(a2a-core): Renamed package from @microsoft/logicAppsChat to @microsoft/logic-apps-chat (#8634)

rllyy97 · web-flow · commit d6211fb0652e · 2025-12-03T23:00:23.000Z
Renamed package
diff --git a/apps/iframe-app/CLAUDE.md b/apps/iframe-app/CLAUDE.md
@@ -23,7 +23,7 @@ pnpm run type-check     # TypeScript validation
 ## Architecture
 
 ### Core Components
-- Uses `@microsoft/logicAppsChat` SDK for A2A protocol
+- Uses `@microsoft/logic-apps-chat` SDK for A2A protocol
 - Fluent UI v9 for consistent styling
 - IndexedDB for message persistence
 - React 19 with streaming support
@@ -69,6 +69,6 @@ pnpm run test:multi-session      # Test multiple chat sessions
 
 ## Dependencies
 
-- `@microsoft/logicAppsChat` - A2A protocol SDK
+- `@microsoft/logic-apps-chat` - A2A protocol SDK
 - `@fluentui/react-components` - UI framework
 - `idb` - IndexedDB wrapper
diff --git a/apps/iframe-app/package.json b/apps/iframe-app/package.json
@@ -18,7 +18,7 @@
   },
   "dependencies": {
     "@fluentui/react-components": "9.70.0",
-    "@microsoft/logicAppsChat": "workspace:*",
+    "@microsoft/logic-apps-chat": "workspace:*",
     "idb": "^8.0.3",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
diff --git a/apps/iframe-app/src/components/IframeWrapper.tsx b/apps/iframe-app/src/components/IframeWrapper.tsx
@@ -1,5 +1,5 @@
 import { useState, useCallback, useRef, useMemo } from 'react';
-import { ChatWidget, type ChatWidgetProps, type StorageConfig } from '@microsoft/logicAppsChat';
+import { ChatWidget, type ChatWidgetProps, type StorageConfig } from '@microsoft/logic-apps-chat';
 import { MultiSessionChat } from './MultiSessionChat/MultiSessionChat';
 import { LoadingDisplay } from './LoadingDisplay';
 import { LoginPrompt } from './LoginPrompt';
diff --git a/apps/iframe-app/src/components/MultiSessionChat/MultiSessionChat.tsx b/apps/iframe-app/src/components/MultiSessionChat/MultiSessionChat.tsx
@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useState, useRef } from 'react';
-import type { ChatWidgetProps, StorageConfig, AgentCard } from '@microsoft/logicAppsChat';
-import { ChatWidget, ChatThemeProvider, useChatStore, ServerHistoryStorage, isDirectAgentCardUrl } from '@microsoft/logicAppsChat';
+import type { ChatWidgetProps, StorageConfig, AgentCard } from '@microsoft/logic-apps-chat';
+import { ChatWidget, ChatThemeProvider, useChatStore, ServerHistoryStorage, isDirectAgentCardUrl } from '@microsoft/logic-apps-chat';
 import { Spinner, mergeClasses } from '@fluentui/react-components';
 import { useChatSessions } from '../../hooks/useChatSessions';
 import { useMultiSessionChatStyles } from './MultiSessionChatStyles';
diff --git a/apps/iframe-app/src/components/MultiSessionChat/MultiSessionChatWithAuth.tsx b/apps/iframe-app/src/components/MultiSessionChat/MultiSessionChatWithAuth.tsx
@@ -1,7 +1,7 @@
 import { MultiSessionChat } from './MultiSessionChat';
 import { SessionExpiredModal } from '../SessionExpiredModal';
 import { useSessionExpiredHandler } from '../../hooks/useSessionExpiredHandler';
-import type { ChatWidgetProps } from '@microsoft/logicAppsChat';
+import type { ChatWidgetProps } from '@microsoft/logic-apps-chat';
 
 interface MultiSessionChatWithAuthProps extends Omit<ChatWidgetProps, 'agentCard'> {
   apiUrl: string;
diff --git a/apps/iframe-app/src/components/SessionList/SessionItem.tsx b/apps/iframe-app/src/components/SessionList/SessionItem.tsx
@@ -3,7 +3,7 @@ import { useCallback, memo } from 'react';
 import { Button, Card, Text, Caption1, Input, mergeClasses, Tooltip } from '@fluentui/react-components';
 import { EditRegular, ArchiveRegular, WarningRegular } from '@fluentui/react-icons';
 import type { SessionMetadata } from '../../hooks/useChatSessions';
-import type { ChatTheme } from '@microsoft/logicAppsChat';
+import type { ChatTheme } from '@microsoft/logic-apps-chat';
 import { useSessionListStyles } from './SessionListStyles';
 
 // Memoized session item component to prevent unnecessary re-renders
diff --git a/apps/iframe-app/src/components/SessionList/SessionList.tsx b/apps/iframe-app/src/components/SessionList/SessionList.tsx
@@ -3,8 +3,8 @@ import { useState, useCallback, memo } from 'react';
 import { Button, Body1, mergeClasses } from '@fluentui/react-components';
 import { AddFilled } from '@fluentui/react-icons';
 import type { SessionMetadata } from '../../hooks/useChatSessions';
-import type { ChatTheme } from '@microsoft/logicAppsChat';
-import { useChatStore } from '@microsoft/logicAppsChat';
+import type { ChatTheme } from '@microsoft/logic-apps-chat';
+import { useChatStore } from '@microsoft/logic-apps-chat';
 import { useSessionListStyles } from './SessionListStyles';
 import SessionItem from './SessionItem';
 
diff --git a/apps/iframe-app/src/components/__tests__/IframeWrapper.contextId.test.tsx b/apps/iframe-app/src/components/__tests__/IframeWrapper.contextId.test.tsx
@@ -4,7 +4,7 @@ import { IframeWrapper } from '../IframeWrapper';
 import type { IframeConfig } from '../../lib/utils/config-parser';
 
 // Mock the dependencies
-vi.mock('@microsoft/logicAppsChat', () => ({
+vi.mock('@microsoft/logic-apps-chat', () => ({
   ChatWidget: vi.fn(({ sessionKey }) => <div data-testid="chat-widget">ChatWidget (sessionKey: {sessionKey})</div>),
 }));
 
@@ -57,7 +57,7 @@ describe('IframeWrapper - contextId support', () => {
   });
 
   it('should pass initialContextId to ChatWidget for single-session mode', async () => {
-    const { ChatWidget } = vi.mocked(await import('@microsoft/logicAppsChat'));
+    const { ChatWidget } = vi.mocked(await import('@microsoft/logic-apps-chat'));
 
     const configWithContextId: IframeConfig = {
       ...defaultConfig,
@@ -89,7 +89,7 @@ describe('IframeWrapper - contextId support', () => {
   });
 
   it('should pass sessionKey to ChatWidget', async () => {
-    const { ChatWidget } = vi.mocked(await import('@microsoft/logicAppsChat'));
+    const { ChatWidget } = vi.mocked(await import('@microsoft/logic-apps-chat'));
 
     const configWithSessionKey: IframeConfig = {
       ...defaultConfig,
@@ -112,7 +112,7 @@ describe('IframeWrapper - contextId support', () => {
   });
 
   it('should handle missing contextId gracefully', async () => {
-    const { ChatWidget } = vi.mocked(await import('@microsoft/logicAppsChat'));
+    const { ChatWidget } = vi.mocked(await import('@microsoft/logic-apps-chat'));
 
     const configWithoutContextId: IframeConfig = {
       ...defaultConfig,
@@ -134,7 +134,7 @@ describe('IframeWrapper - contextId support', () => {
   });
 
   it('should pass contextId with custom sessionKey', async () => {
-    const { ChatWidget } = vi.mocked(await import('@microsoft/logicAppsChat'));
+    const { ChatWidget } = vi.mocked(await import('@microsoft/logic-apps-chat'));
 
     const configWithSessionKey: IframeConfig = {
       ...defaultConfig,
diff --git a/apps/iframe-app/src/components/__tests__/IframeWrapper.test.tsx b/apps/iframe-app/src/components/__tests__/IframeWrapper.test.tsx
@@ -4,7 +4,7 @@ import { IframeWrapper } from '../IframeWrapper';
 import type { IframeConfig } from '../../lib/utils/config-parser';
 
 // Mock the dependencies
-vi.mock('@microsoft/logicAppsChat', () => ({
+vi.mock('@microsoft/logic-apps-chat', () => ({
   ChatWidget: vi.fn(({ mode }) => <div data-testid="chat-widget">ChatWidget (mode: {mode})</div>),
 }));
 
@@ -185,7 +185,7 @@ describe('IframeWrapper', () => {
 
   it('should handle auth token from Frame Blade', async () => {
     const { useFrameBlade } = await import('../../lib/hooks/useFrameBlade');
-    const { ChatWidget } = await import('@microsoft/logicAppsChat');
+    const { ChatWidget } = await import('@microsoft/logic-apps-chat');
 
     let capturedAuthCallback: ((token: string) => void) | undefined;
 
@@ -275,7 +275,7 @@ describe('IframeWrapper', () => {
   });
 
   it('should pass contextId from URL config to ChatWidget', async () => {
-    const { ChatWidget } = vi.mocked(await import('@microsoft/logicAppsChat'));
+    const { ChatWidget } = vi.mocked(await import('@microsoft/logic-apps-chat'));
 
     const configWithContextId: IframeConfig = {
       ...defaultConfig,
diff --git a/apps/iframe-app/src/hooks/useChatSessions.ts b/apps/iframe-app/src/hooks/useChatSessions.ts
@@ -1,5 +1,5 @@
 import { useState, useEffect, useCallback } from 'react';
-import { useChatStore } from '@microsoft/logicAppsChat';
+import { useChatStore } from '@microsoft/logic-apps-chat';
 
 // Local type definitions for session metadata
 export interface SessionMetadata {
diff --git a/apps/iframe-app/src/hooks/useSessionExpiredHandler.ts b/apps/iframe-app/src/hooks/useSessionExpiredHandler.ts
@@ -1,5 +1,5 @@
 import { useState, useCallback } from 'react';
-import type { UnauthorizedHandler } from '@microsoft/logicAppsChat';
+import type { UnauthorizedHandler } from '@microsoft/logic-apps-chat';
 
 export const useSessionExpiredHandler = () => {
   const [isSessionExpired, setIsSessionExpired] = useState(false);
diff --git a/apps/iframe-app/src/lib/iframe.test.tsx b/apps/iframe-app/src/lib/iframe.test.tsx
@@ -3,7 +3,7 @@ import { createRoot } from 'react-dom/client';
 
 // Mock dependencies
 vi.mock('react-dom/client');
-vi.mock('@microsoft/logicAppsChat', () => ({
+vi.mock('@microsoft/logic-apps-chat', () => ({
   ChatWidget: vi.fn(() => null),
 }));
 vi.mock('../styles/base.css', () => ({}));
diff --git a/apps/iframe-app/src/lib/index.test.tsx b/apps/iframe-app/src/lib/index.test.tsx
@@ -1,11 +1,11 @@
 import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
 import { createRoot } from 'react-dom/client';
 import { mountChatWidget, ChatWidget } from '.';
-import type { ChatWidgetProps } from '@microsoft/logicAppsChat';
+import type { ChatWidgetProps } from '@microsoft/logic-apps-chat';
 
 // Mock dependencies
 vi.mock('react-dom/client');
-vi.mock('@microsoft/logicAppsChat', () => ({
+vi.mock('@microsoft/logic-apps-chat', () => ({
   ChatWidget: vi.fn(() => null),
 }));
 vi.mock('../styles/base.css', () => ({}));
diff --git a/apps/iframe-app/src/lib/index.tsx b/apps/iframe-app/src/lib/index.tsx
@@ -7,7 +7,7 @@ import {
   type Attachment,
   type AuthConfig,
   type AgentCard,
-} from '@microsoft/logicAppsChat';
+} from '@microsoft/logic-apps-chat';
 import '../styles/base.css';
 
 // Re-export everything from the core library
diff --git a/apps/iframe-app/src/lib/utils/config-parser.ts b/apps/iframe-app/src/lib/utils/config-parser.ts
@@ -1,4 +1,4 @@
-import type { ChatWidgetProps, ChatTheme } from '@microsoft/logicAppsChat';
+import type { ChatWidgetProps, ChatTheme } from '@microsoft/logic-apps-chat';
 import { THEME_PRESETS } from './theme-presets';
 
 export interface IframeConfig {
diff --git a/apps/iframe-app/src/lib/utils/theme-presets.ts b/apps/iframe-app/src/lib/utils/theme-presets.ts
@@ -1,4 +1,4 @@
-import type { ChatTheme } from '@microsoft/logicAppsChat';
+import type { ChatTheme } from '@microsoft/logic-apps-chat';
 
 export const THEME_PRESETS: Record<string, Partial<ChatTheme['colors']>> = {
   default: {
diff --git a/libs/a2a-core/CLAUDE.md b/libs/a2a-core/CLAUDE.md
@@ -2,7 +2,7 @@
 
 React SDK for building chat interfaces that connect to AI agents using the A2A (Agent-to-Agent) protocol.
 
-**Package**: `@microsoft/logicAppsChat`
+**Package**: `@microsoft/logic-apps-chat`
 
 ## Purpose
 
@@ -49,7 +49,7 @@ Multiple entry points:
 
 ### A2A Client
 ```typescript
-import { A2AClient } from '@microsoft/logicAppsChat'
+import { A2AClient } from '@microsoft/logic-apps-chat'
 
 const client = new A2AClient({
   agentUrl: 'https://agent.example.com',
@@ -74,7 +74,7 @@ interface Message {
 
 ### ChatProvider
 ```tsx
-import { ChatProvider, ChatWindow } from '@microsoft/logicAppsChat/react'
+import { ChatProvider, ChatWindow } from '@microsoft/logic-apps-chat/react'
 
 <ChatProvider agentUrl="https://...">
   <ChatWindow />
@@ -92,7 +92,7 @@ import { ChatProvider, ChatWindow } from '@microsoft/logicAppsChat/react'
 
 Uses Zustand for chat state:
 ```typescript
-import { useChatStore } from '@microsoft/logicAppsChat/react'
+import { useChatStore } from '@microsoft/logic-apps-chat/react'
 
 const { messages, sendMessage, isLoading } = useChatStore()
 ```
@@ -108,7 +108,7 @@ IndexedDB storage via `idb`:
 
 Uses Zod for runtime validation:
 ```typescript
-import { MessageSchema } from '@microsoft/logicAppsChat'
+import { MessageSchema } from '@microsoft/logic-apps-chat'
 
 const validated = MessageSchema.parse(rawMessage)
 ```
diff --git a/libs/a2a-core/README.md b/libs/a2a-core/README.md
@@ -1,4 +1,4 @@
-# @microsoft/logicAppsChat
+# @microsoft/logic-apps-chat
 
 React SDK for building chat interfaces that connect to AI agents.
 
@@ -22,11 +22,11 @@ React SDK for building chat interfaces that connect to AI agents.
 ## Installation
 
 ```bash
-npm install @microsoft/logicAppsChat
+npm install @microsoft/logic-apps-chat
 # or
-pnpm add @microsoft/logicAppsChat
+pnpm add @microsoft/logic-apps-chat
 # or
-yarn add @microsoft/logicAppsChat
+yarn add @microsoft/logic-apps-chat
 ```
 
 **Peer Dependencies:**
@@ -46,7 +46,7 @@ React components and hooks for building chat interfaces:
 **Import styles:**
 
 ```tsx
-import '@microsoft/logicAppsChat/styles.css';
+import '@microsoft/logic-apps-chat/styles.css';
 ```
 
 ## Quick Start
@@ -56,8 +56,8 @@ import '@microsoft/logicAppsChat/styles.css';
 Full-featured UI with built-in state management:
 
 ```tsx
-import { ChatWidget } from '@microsoft/logicAppsChat';
-import '@microsoft/logicAppsChat/styles.css';
+import { ChatWidget } from '@microsoft/logic-apps-chat';
+import '@microsoft/logic-apps-chat/styles.css';
 
 export default function App() {
   return (
@@ -90,7 +90,7 @@ export default function App() {
 For custom UI implementations:
 
 ```tsx
-import { useA2A } from '@microsoft/logicAppsChat';
+import { useA2A } from '@microsoft/logic-apps-chat';
 
 function CustomChat() {
   const { messages, isLoading, isConnected, sendMessage, clearMessages, authState } = useA2A({
@@ -326,7 +326,7 @@ interface ChatHistoryStorage {
 #### Usage
 
 ```typescript
-import { createHistoryStorage, ServerHistoryStorage } from '@microsoft/logicAppsChat';
+import { createHistoryStorage, ServerHistoryStorage } from '@microsoft/logic-apps-chat';
 
 // Client-side (IndexedDB)
 const clientStorage = createHistoryStorage({ type: 'indexeddb' });
@@ -404,7 +404,7 @@ import {
   defaultLightTheme,
   defaultDarkTheme,
   ChatThemeProvider,
-} from '@microsoft/logicAppsChat';
+} from '@microsoft/logic-apps-chat';
 
 // Create custom theme
 const myTheme = createCustomTheme({
@@ -423,7 +423,7 @@ const myTheme = createCustomTheme({
 #### Message Utilities
 
 ```typescript
-import { generateMessageId, createMessage, formatCodeContent } from '@microsoft/logicAppsChat';
+import { generateMessageId, createMessage, formatCodeContent } from '@microsoft/logic-apps-chat';
 
 // Generate unique message ID
 const id = generateMessageId();
@@ -441,7 +441,7 @@ const formatted = formatCodeContent(code, 'typescript');
 #### File Utilities
 
 ```typescript
-import { downloadFile, getMimeType } from '@microsoft/logicAppsChat';
+import { downloadFile, getMimeType } from '@microsoft/logic-apps-chat';
 
 // Download file
 downloadFile(blob, 'filename.txt');
@@ -453,7 +453,7 @@ const mimeType = getMimeType('.pdf'); // 'application/pdf'
 #### Popup Window
 
 ```typescript
-import { openPopupWindow } from '@microsoft/logicAppsChat';
+import { openPopupWindow } from '@microsoft/logic-apps-chat';
 
 // Open popup for OAuth or consent
 const popup = openPopupWindow({
@@ -496,13 +496,13 @@ import type {
   ChatHistoryStorage,
   SaveMessageOptions,
   ListSessionsOptions,
-} from '@microsoft/logicAppsChat';
+} from '@microsoft/logic-apps-chat';
 ```
 
 All types are derived from Zod schemas for runtime validation:
 
 ```typescript
-import { MessageSchema, AgentCardSchema } from '@microsoft/logicAppsChat';
+import { MessageSchema, AgentCardSchema } from '@microsoft/logic-apps-chat';
 
 // Validate at runtime
 const result = MessageSchema.safeParse(data);
diff --git a/libs/a2a-core/examples/chat-blocking-demo.tsx b/libs/a2a-core/examples/chat-blocking-demo.tsx
@@ -1,4 +1,4 @@
-import { ChatWidget } from '@microsoft/logicAppsChat/react';
+import { ChatWidget } from '@microsoft/logic-apps-chat/react';
 
 /**
  * Demo showcasing the chat blocking features:
diff --git a/libs/a2a-core/examples/react-styling-test.html b/libs/a2a-core/examples/react-styling-test.html
@@ -63,7 +63,7 @@ <h1>React Chat Widget Styling Test</h1>
     
     <div class="info">
       <h3>CSS Import Test</h3>
-      <p>This page tests that the chat widget styles are properly loaded from <code>@microsoft/logicAppsChat/styles.css</code></p>
+      <p>This page tests that the chat widget styles are properly loaded from <code>@microsoft/logic-apps-chat/styles.css</code></p>
       <p>If the widget appears styled correctly with proper layout, colors, and spacing, then the CSS import is working!</p>
     </div>
     
diff --git a/libs/a2a-core/package.json b/libs/a2a-core/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@microsoft/logicAppsChat",
+  "name": "@microsoft/logic-apps-chat",
   "version": "0.1.0",
   "description": "React SDK for building chat interfaces that connect to AI agents",
   "type": "module",
diff --git a/libs/a2a-core/src/api/index.ts b/libs/a2a-core/src/api/index.ts
@@ -10,7 +10,7 @@
  *
  * @example
  * ```typescript
- * import { createHistoryApi, transformContext } from '@microsoft/logicAppsChat/api';
+ * import { createHistoryApi, transformContext } from '@microsoft/logic-apps-chat/api';
  *
  * const historyApi = createHistoryApi({
  *   agentUrl: 'https://example.com/api/agents/MyAgent',
diff --git a/libs/a2a-core/src/examples/obo-authentication.ts b/libs/a2a-core/src/examples/obo-authentication.ts
diff --git a/libs/a2a-core/src/react/README.md b/libs/a2a-core/src/react/README.md
diff --git a/libs/a2a-core/src/react/components/ChatWidget/ChatWidget.tsx b/libs/a2a-core/src/react/components/ChatWidget/ChatWidget.tsx
diff --git a/libs/a2a-core/src/storage/index.ts b/libs/a2a-core/src/storage/index.ts
diff --git a/playwright.chatClient.config.ts b/playwright.chatClient.config.ts
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
