example file improved

@@ -6,7 +6,6 @@ import 'package:gpt_markdown/gpt_markdown.dart';
 import 'package:flutter_math_fork/flutter_math.dart';
 import 'package:flutter_math_fork/flutter_math.dart';
 import 'package:watcher/watcher.dart';
 import 'package:watcher/watcher.dart';
 
 
-//
 void main() {
 void main() {
   runApp(const MyApp());
   runApp(const MyApp());
 }
 }
@@ -37,7 +36,7 @@ class _MyAppState extends State<MyApp> {
         colorSchemeSeed: Colors.blue,
         colorSchemeSeed: Colors.blue,
       ),
       ),
       home: MyHomePage(
       home: MyHomePage(
-        title: 'Flutter Demo Home Page',
+        title: 'GptMarkdown',
         onPressed: () {
         onPressed: () {
           setState(() {
           setState(() {
             _themeMode = (_themeMode == ThemeMode.dark)
             _themeMode = (_themeMode == ThemeMode.dark)
@@ -50,7 +49,6 @@ class _MyAppState extends State<MyApp> {
   }
   }
 }
 }
 
 
-//
 class MyHomePage extends StatefulWidget {
 class MyHomePage extends StatefulWidget {
   const MyHomePage({super.key, required this.title, required this.onPressed});
   const MyHomePage({super.key, required this.title, required this.onPressed});
   final VoidCallback? onPressed;
   final VoidCallback? onPressed;
@@ -145,6 +143,7 @@ Markdown and LaTeX can be powerful tools for formatting text and mathematical ex
   }
   }
 
 
   bool writingMod = true;
   bool writingMod = true;
+  bool selectable = false;
 
 
   @override
   @override
   Widget build(BuildContext context) {
   Widget build(BuildContext context) {
@@ -155,6 +154,19 @@ Markdown and LaTeX can be powerful tools for formatting text and mathematical ex
           IconButton(
           IconButton(
             onPressed: () {
             onPressed: () {
               setState(() {
               setState(() {
+                selectable = !selectable;
+              });
+            },
+            icon: Icon(
+              Icons.select_all_outlined,
+              color: selectable
+                  ? Theme.of(context).colorScheme.onSurfaceVariant
+                  : Theme.of(context).colorScheme.onSurface.withOpacity(0.38),
+            ),
+          ),
+          IconButton(
+            onPressed: () {
+              setState(() {
                 _direction = TextDirection.values[(_direction.index + 1) % 2];
                 _direction = TextDirection.values[(_direction.index + 1) % 2];
               });
               });
             },
             },
@@ -168,7 +180,8 @@ Markdown and LaTeX can be powerful tools for formatting text and mathematical ex
             onPressed: () => setState(() {
             onPressed: () => setState(() {
               writingMod = !writingMod;
               writingMod = !writingMod;
             }),
             }),
-            icon: const Icon(Icons.arrow_drop_down),
+            icon:
+                Icon(writingMod ? Icons.arrow_drop_down : Icons.arrow_drop_up),
           ),
           ),
         ],
         ],
       ),
       ),
@@ -193,50 +206,43 @@ Markdown and LaTeX can be powerful tools for formatting text and mathematical ex
                       AnimatedBuilder(
                       AnimatedBuilder(
                         animation: _controller,
                         animation: _controller,
                         builder: (context, _) {
                         builder: (context, _) {
-                          return Material(
-                            // color: Theme.of(context).colorScheme.surfaceVariant,
-                            shape: RoundedRectangleBorder(
-                              side: BorderSide(
+                          return Container(
+                            padding: const EdgeInsets.all(8),
+                            decoration: BoxDecoration(
+                              border: Border.all(
                                   width: 1,
                                   width: 1,
                                   color: Theme.of(context).colorScheme.outline),
                                   color: Theme.of(context).colorScheme.outline),
                             ),
                             ),
-                            child:
-                                LayoutBuilder(builder: (context, constraints) {
-                              return Theme(
-                                data: Theme.of(context),
-                                // .copyWith(
-                                //   textTheme: const TextTheme(
-                                //     // For H1.
-                                //     headlineLarge: TextStyle(fontSize: 55),
-                                //     // For H2.
-                                //     headlineMedium: TextStyle(fontSize: 45),
-                                //     // For H3.
-                                //     headlineSmall: TextStyle(fontSize: 35),
-                                //     // For H4.
-                                //     titleLarge: TextStyle(fontSize: 25),
-                                //     // For H5.
-                                //     titleMedium: TextStyle(fontSize: 15),
-                                //     // For H6.
-                                //     titleSmall: TextStyle(fontSize: 10),
-                                //   ),
-                                // ),
-                                child: Padding(
-                                  padding: const EdgeInsets.all(8.0),
-                                  child: TexMarkdown(
+                            child: Theme(
+                              data: Theme.of(context),
+                              // .copyWith(
+                              //   textTheme: const TextTheme(
+                              //     // For H1.
+                              //     headlineLarge: TextStyle(fontSize: 55),
+                              //     // For H2.
+                              //     headlineMedium: TextStyle(fontSize: 45),
+                              //     // For H3.
+                              //     headlineSmall: TextStyle(fontSize: 35),
+                              //     // For H4.
+                              //     titleLarge: TextStyle(fontSize: 25),
+                              //     // For H5.
+                              //     titleMedium: TextStyle(fontSize: 15),
+                              //     // For H6.
+                              //     titleSmall: TextStyle(fontSize: 10),
+                              //   ),
+                              // ),
+                              child: Builder(
+                                builder: (context) {
+                                  Widget child = TexMarkdown(
                                     _controller.text,
                                     _controller.text,
                                     textDirection: _direction,
                                     textDirection: _direction,
                                     onLinkTab: (url, title) {
                                     onLinkTab: (url, title) {
                                       debugPrint(url);
                                       debugPrint(url);
                                       debugPrint(title);
                                       debugPrint(title);
                                     },
                                     },
-                                    // maxLines: 7,
-                                    // overflow: TextOverflow.ellipsis,
                                     textAlign: TextAlign.justify,
                                     textAlign: TextAlign.justify,
-                                    // textScaler: const TextScaler.linear(1.3),
                                     textScaler: const TextScaler.linear(1),
                                     textScaler: const TextScaler.linear(1),
                                     style: const TextStyle(
                                     style: const TextStyle(
-                                      // Regular text font size here.
-                                      color: Colors.red,
                                       fontSize: 15,
                                       fontSize: 15,
                                     ),
                                     ),
                                     latexWorkaround: (tex) {
                                     latexWorkaround: (tex) {
@@ -344,11 +350,15 @@ Markdown and LaTeX can be powerful tools for formatting text and mathematical ex
                                         ),
                                         ),
                                       );
                                       );
                                     },
                                     },
-                                  ),
-                                ),
-                                // child: const Text("Hello"),
-                              );
-                            }),
+                                  );
+                                  if (selectable) {
+                                    child = SelectionArea(child: child);
+                                  }
+                                  return child;
+                                },
+                              ),
+                              // child: const Text("Hello"),
+                            ),
                           );
                           );
                         },
                         },
                       ),
                       ),