feat: LG template go to definition in language server

Composer/packages/client/src/pages/language-generation/code-editor.tsx

@@ -177,7 +177,7 @@ const CodeEditor: React.FC<CodeEditorProps> = (props) => {
   };
 
   const navigateToLgPage = useCallback(
-    (lgFileId: string, options?: { templateId: string; line: number }) => {
+    (lgFileId: string, options?: { templateId: string | undefined; line: number | undefined }) => {
       // eslint-disable-next-line security/detect-non-literal-regexp
       const pattern = new RegExp(`.${locale}`, 'g');
       const fileId = currentDialog.isFormDialog ? lgFileId : lgFileId.replace(pattern, '');
@@ -186,8 +186,9 @@ const CodeEditor: React.FC<CodeEditorProps> = (props) => {
         : `/bot/${actualProjectId}/language-generation/${fileId}`;
       if (options?.line) {
         url = url + `/edit#L=${options.line}`;
+      } else if (options?.templateId) {
+        url = url + `/edit?t=${options.templateId}`;
       }
-
       navigateTo(url);
     },
     [actualProjectId, locale]

Composer/packages/lib/code-editor/src/lg/LgCodeEditor.tsx

@@ -147,6 +147,7 @@ export const LgCodeEditor = (props: LgCodeEditorProps) => {
           languageClient.onReady().then(() =>
             languageClient.onNotification('GotoDefinition', (result) => {
               if (lgOption?.projectId) {
+                console.log('Navi', onNavigateToLgPage);
                 onNavigateToLgPage?.(result.fileId, { templateId: result.templateId, line: result.line });
               }
             })
@@ -160,6 +161,7 @@ export const LgCodeEditor = (props: LgCodeEditorProps) => {
       window.monacoLGEditorInstance.onReady().then(() =>
         window.monacoLGEditorInstance.onNotification('GotoDefinition', (result) => {
           if (lgOption?.projectId) {
+            console.log('Navi', onNavigateToLgPage);
             onNavigateToLgPage?.(result.fileId, { templateId: result.templateId, line: result.line });
           }
         })
@@ -200,7 +202,7 @@ export const LgCodeEditor = (props: LgCodeEditorProps) => {
   );
 
   const navigateToLgPage = React.useCallback(() => {
-    onNavigateToLgPage?.(lgOption?.fileId ?? 'common', lgOption?.templateId);
+    onNavigateToLgPage?.(lgOption?.fileId ?? 'common', { templateId: lgOption?.templateId, line: undefined });
   }, [onNavigateToLgPage, lgOption]);
 
   const onExpandedEditorChange = React.useCallback(
@@ -273,11 +275,7 @@ export const LgCodeEditor = (props: LgCodeEditorProps) => {
             popExpandOptions?.onEditorPopToggle?.(false);
           }}
         >
-          <LgCodeEditor
-            {...omit(props, ['onNavigateToLgPage', 'popExpandOptions'])}
-            height={400}
-            onChange={onExpandedEditorChange}
-          />
+          <LgCodeEditor {...omit(props, ['popExpandOptions'])} height={400} onChange={onExpandedEditorChange} />
         </Dialog>
       )}
     </>