diff --git a/CHANGELOG.md b/CHANGELOG.md
index 264d108..4071412 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,22 @@
 # FigLog Change Log
 
+## 3.0.0 (05-09-2024)
+
+New editing flow, user must save changes
+User can edit the start dates for logs
+User can hide and show avatars
+Added Nearform_Commerce branding
+Prettier integration
+Figma API update
+Cleanup and documentation and README
+
+## 2.0.0 (02-09-2024)
+
+User can add changelog types
+User can add links to logs
+Switch to Lucide icons
+Cleanup and documentation and README
+
 ## 1.0.0 (09-29-2023)
 
 README update
diff --git a/README.md b/README.md
index 92ba893..0ba2c5c 100644
--- a/README.md
+++ b/README.md
@@ -38,12 +38,13 @@ We hope FigLog becomes a useful tool for you as a way of documenting the evoluti
 
 ## Features
 
-- 🕹️ Optional component status, name, description, version, log types, and branding
-- 👫 Multiplayer collaboration with user name and avatar
-- 🗓️ Automatic date handling (including log edits)
-- 💅 6 status types
-- 🏷️ 7 log types **(New!)**
-- 🔗 26 link types **(New!)**
+- 🕹️  Customizable name, description, version, and branding
+- 👫  Multiplayer collaboration with optional avatars
+- 🗓️  Automatic date capture and handling **(Now Editable)**
+- 💅  Multiple status types to define stages
+- 🏷️  7 log types for easier organization
+- 🔗  26 link types with automatic branding support
+- 🔒  Enhanced security for added control **(New!)**
 
 ## Usage
 
diff --git a/example.png b/example.png
index bd8dbad..1adec6b 100644
Binary files a/example.png and b/example.png differ
diff --git a/package.json b/package.json
index ef565cf..99ed30d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "figlog",
-  "version": "1.0.0",
+  "version": "3.0.0",
   "repository": "https://github.com/FormidableLabs/figlog.git",
   "devDependencies": {
     "@figma/plugin-typings": "^1.92.0",
diff --git a/widget-src/components/ChangeLogList.tsx b/widget-src/components/ChangeLogList.tsx
index 742bd44..8bb1fad 100644
--- a/widget-src/components/ChangeLogList.tsx
+++ b/widget-src/components/ChangeLogList.tsx
@@ -3,7 +3,7 @@ import { PADDING } from '../utilities/Styles';
 import { ChangeLogRow } from './ChangeLogRow';
 
 const { widget } = figma;
-const { AutoLayout, useEffect } = widget;
+const { AutoLayout } = widget;
 
 interface ChangeLogListProps {
   changeLogIds: string[];
@@ -26,10 +26,6 @@ export const ChangeLogList = ({
   showAvatars,
   isLocked,
 }: ChangeLogListProps) => {
-  useEffect(() => {
-    // console.log('ChangeLogs', changeLogs.entries());
-  });
-
   return (
     <AutoLayout
       name="ChangeLog"
diff --git a/widget-src/components/Footer.tsx b/widget-src/components/Footer.tsx
index 259fe10..3876e7c 100644
--- a/widget-src/components/Footer.tsx
+++ b/widget-src/components/Footer.tsx
@@ -1,10 +1,12 @@
 import { LogoFigLog } from '../svgs/LogoFigLog';
-import { LogoNearform } from '../svgs/LogoNearform';
+import { LogoNearformCommerce } from '../svgs/LogoNearformCommerce';
 import { COLOR, GAP, FONT, RADIUS, SPACE, PADDING } from '../utilities/Styles';
 
 const { widget, openExternal } = figma;
 const { AutoLayout, Rectangle, SVG, Text } = widget;
 
+const figLogVersion = '3'; // use "#.## beta" format to track beta versions
+
 export const Footer = () => (
   <AutoLayout
     name="Footer"
@@ -50,8 +52,41 @@ export const Footer = () => (
             fontSize={FONT.size.lg}
             fontWeight={FONT.weight.light}
           >
-            | Evolution Tracker
+            |
           </Text>
+          <AutoLayout
+            name="FigLog Version"
+            overflow="visible"
+            direction="vertical"
+            spacing={2}
+            padding={{
+              vertical: 5,
+              horizontal: PADDING.none,
+            }}
+            verticalAlignItems="center"
+          >
+            <Text
+              name="Evolution Tracker"
+              fill={COLOR.black}
+              lineHeight={FONT.lineHeight.xs}
+              fontFamily={FONT.family}
+              fontSize={FONT.size.sm}
+              fontWeight={FONT.weight.regular}
+            >
+              Evolution Tracker
+            </Text>
+            <Text
+              name="Version"
+              fill={COLOR.black}
+              lineHeight={4}
+              fontFamily={FONT.family}
+              fontSize={5}
+              fontWeight={FONT.weight.regular}
+            >
+              {' '}
+              version {figLogVersion}
+            </Text>
+          </AutoLayout>
         </AutoLayout>
       </AutoLayout>
       <AutoLayout
@@ -63,7 +98,7 @@ export const Footer = () => (
           openExternal('https://commerce.nearform.com/');
         }}
       >
-        <SVG name="Nearform_Commerce Logo" height={16} width={174} src={LogoNearform} />
+        <SVG name="Nearform_Commerce Logo" height={16} width={36} src={LogoNearformCommerce} />
       </AutoLayout>
     </AutoLayout>
   </AutoLayout>
diff --git a/widget-src/components/log/LinkList.tsx b/widget-src/components/log/LinkList.tsx
index a23f229..06a6182 100644
--- a/widget-src/components/log/LinkList.tsx
+++ b/widget-src/components/log/LinkList.tsx
@@ -1,10 +1,6 @@
 import { LinkType } from '../../types/LinkTypes';
-import { GAP } from '../../utilities/Styles';
 import { Link } from './Link';
 
-const { widget } = figma;
-const { AutoLayout } = widget;
-
 interface LinkListProps {
   links?: Array<LinkType>;
   editing?: boolean;
@@ -15,15 +11,7 @@ export const LinkList = ({ links, editing = false, deleteLink }: LinkListProps)
   return (
     <>
       {!!links && links.length > 0 && (
-        <AutoLayout
-          name="Log Links"
-          overflow="visible"
-          width="fill-parent"
-          height="hug-contents"
-          direction="horizontal"
-          wrap
-          spacing={GAP.sm}
-        >
+        <>
           {links.map(link => (
             <Link
               label={!!link.label ? link.label : 'Link'}
@@ -34,7 +22,7 @@ export const LinkList = ({ links, editing = false, deleteLink }: LinkListProps)
               deleteLink={() => (!!deleteLink ? deleteLink(link.key) : null)}
             />
           ))}
-        </AutoLayout>
+        </>
       )}
     </>
   );
diff --git a/widget-src/components/log/LogDisplay.tsx b/widget-src/components/log/LogDisplay.tsx
index e06713a..74cbe55 100644
--- a/widget-src/components/log/LogDisplay.tsx
+++ b/widget-src/components/log/LogDisplay.tsx
@@ -123,7 +123,7 @@ export const ChangeLogDisplay = ({
                           : false,
                       },
                     },
-                    links: changeLog.state?.updates?.links ? changeLog.state?.updates?.links : changeLog.links,
+                    links: changeLog.state?.updates?.links ? changeLog.state?.updates?.links : [],
                     link: {
                       label: changeLog.state?.updates?.link?.label ? changeLog.state?.updates?.link?.label : '',
                       url: changeLog.state?.updates?.link?.url ? changeLog.state?.updates?.link?.url : '',
@@ -131,7 +131,7 @@ export const ChangeLogDisplay = ({
                       key: changeLog.state?.updates?.link?.key ? changeLog.state?.updates?.link?.key : '',
                     },
                     type: changeLog.state?.updates?.type ? changeLog.state?.updates?.type : changeLog.type,
-                    change: changeLog.state?.updates?.change ? changeLog.state?.updates?.change : '',
+                    change: changeLog.state?.updates?.change ? changeLog.state?.updates?.change : changeLog.change,
                     linkFormError: {
                       label: changeLog.state?.updates?.linkFormError?.label
                         ? changeLog.state?.updates?.linkFormError?.label
@@ -148,19 +148,29 @@ export const ChangeLogDisplay = ({
           )}
         </AutoLayout>
       </AutoLayout>
-      <AutoLayout name="Changes" overflow="visible" width="fill-parent">
-        <Text
-          name="Change"
-          fill={COLOR.black}
-          lineHeight={FONT.lineHeight.lg}
-          fontFamily={FONT.family}
-          width={'fill-parent'}
-        >
-          {changeLog.change || ''}
-        </Text>
-      </AutoLayout>
+      {!!changeLog.change && changeLog.change !== '' && (
+        <AutoLayout name="Changes" overflow="visible" width="fill-parent">
+          <Text
+            name="Change"
+            fill={COLOR.black}
+            lineHeight={FONT.lineHeight.lg}
+            fontFamily={FONT.family}
+            width={'fill-parent'}
+          >
+            {changeLog.change || ''}
+          </Text>
+        </AutoLayout>
+      )}
       {!!changeLog.links && changeLog.links.length > 0 && (
-        <AutoLayout name="Links" width="fill-parent" horizontalAlignItems="end" direction="vertical">
+        <AutoLayout
+          name="Links"
+          overflow="visible"
+          width="fill-parent"
+          height="hug-contents"
+          direction="horizontal"
+          wrap
+          spacing={GAP.sm}
+        >
           <LinkList links={changeLog.links} />
         </AutoLayout>
       )}
diff --git a/widget-src/components/log/LogEditing.tsx b/widget-src/components/log/LogEditing.tsx
index 2f087af..065c5ac 100644
--- a/widget-src/components/log/LogEditing.tsx
+++ b/widget-src/components/log/LogEditing.tsx
@@ -12,7 +12,7 @@ import { ActionCloseIcon } from '../../svgs/ActionCloseIcon';
 import { displayDate } from '../../utilities/Utils';
 
 const { widget } = figma;
-const { AutoLayout, Text, useEffect } = widget;
+const { AutoLayout, Text } = widget;
 
 interface ChangeLogEditingProps {
   changeLog: ChangeLog;
@@ -33,10 +33,6 @@ export const ChangeLogEditing = ({
   showTypes,
   isLastRow,
 }: ChangeLogEditingProps) => {
-  useEffect(() => {
-    // console.log('state: ', changeLog.state);
-  });
-
   return (
     <AutoLayout
       name="ChangeLog Content"
@@ -129,7 +125,7 @@ export const ChangeLogEditing = ({
                 !!changeLog.state?.updates?.linkFormError?.label ||
                 !!changeLog.state?.updates?.linkFormError?.url
                   ? 'Fix Error to Save'
-                  : 'Save Change'
+                  : 'Save Log'
               }
               error={
                 !!changeLog.state?.updates?.createdDateTmp?.date.er ||
@@ -149,7 +145,10 @@ export const ChangeLogEditing = ({
                   const saveCreatedDate = changeLog.state?.updates?.createdDate || changeLog.createdDate;
                   const saveType = changeLog.state?.updates?.type || changeLog.type;
                   const saveChange = changeLog.state?.updates?.change || '';
-                  const saveLinks = changeLog.state?.updates?.links || changeLog.links;
+                  const saveLinks =
+                    changeLog.links && changeLog.state?.updates?.links
+                      ? changeLog.links.concat(changeLog.state?.updates?.links)
+                      : changeLog.state?.updates?.links;
 
                   updateChange({
                     createdDate: saveCreatedDate,
@@ -161,46 +160,53 @@ export const ChangeLogEditing = ({
                     state: {
                       ...changeLog.state,
                       editing: false,
+                      updates: {
+                        ...changeLog.state?.updates,
+                        links: [],
+                      },
                     },
                   });
                   setUpdatedDate(Date.now());
                 }
               }}
             />
-            <Button
-              label="Cancel"
-              hideLabel
-              iconSrc={<ActionCloseIcon color={COLOR.greyDark} />}
-              action={() => {
-                updateChangeState({
-                  ...changeLog.state,
-                  editing: false,
-                  updates: {
-                    createdDate: changeLog.createdDate,
-                    createdDateTmp: {
-                      date: {
-                        val: displayDate(changeLog.createdDate, 'date'),
-                        er: false,
+            {changeLog.editCount > 0 && (
+              <Button
+                label="Cancel"
+                hideLabel
+                iconSrc={<ActionCloseIcon color={COLOR.greyDark} />}
+                action={() => {
+                  updateChangeState({
+                    ...changeLog.state,
+                    editing: false,
+                    showLinkForm: false,
+                    updates: {
+                      createdDate: changeLog.createdDate,
+                      createdDateTmp: {
+                        date: {
+                          val: displayDate(changeLog.createdDate, 'date'),
+                          er: false,
+                        },
+                        time: {
+                          val: displayDate(changeLog.createdDate, 'time'),
+                          er: false,
+                        },
                       },
-                      time: {
-                        val: displayDate(changeLog.createdDate, 'time'),
-                        er: false,
+                      links: [],
+                      link: {
+                        label: '',
+                        url: '',
+                        icon: '',
+                        key: '',
                       },
+                      type: changeLog.type,
+                      change: changeLog.change,
+                      linkFormError: { label: false, url: false },
                     },
-                    links: changeLog.links,
-                    link: {
-                      label: '',
-                      url: '',
-                      icon: '',
-                      key: '',
-                    },
-                    type: changeLog.type,
-                    change: changeLog.change,
-                    linkFormError: { label: false, url: false },
-                  },
-                });
-              }}
-            />
+                  });
+                }}
+              />
+            )}
           </AutoLayout>
         </AutoLayout>
       </AutoLayout>
@@ -212,22 +218,40 @@ export const ChangeLogEditing = ({
           large={true}
           behavior="multiline"
           action={val => {
-            if (val !== changeLog.change) {
-              updateChangeState({
-                ...changeLog.state,
-                updates: {
-                  ...changeLog.state?.updates,
-                  change: val,
-                },
-              });
-            }
+            updateChangeState({
+              ...changeLog.state,
+              updates: {
+                ...changeLog.state?.updates,
+                change: val,
+              },
+            });
           }}
         />
       </AutoLayout>
-      {!!changeLog.state?.updates?.links && changeLog.state?.updates?.links.length > 0 && (
-        <AutoLayout name="Links" width="fill-parent" horizontalAlignItems="end" direction="vertical">
+      {((!!changeLog.links && changeLog.links.length > 0) ||
+        (!!changeLog.state?.updates?.links && changeLog.state?.updates?.links.length > 0)) && (
+        <AutoLayout
+          name="Links"
+          overflow="visible"
+          width="fill-parent"
+          height="hug-contents"
+          direction="horizontal"
+          wrap
+          spacing={GAP.sm}
+        >
+          <LinkList
+            links={changeLog.links ? changeLog.links : []}
+            editing={true}
+            deleteLink={linkToDelete => {
+              updateChange({
+                ...changeLog.state,
+                links: changeLog.links ? changeLog.links.filter(link => link.key !== linkToDelete) : [],
+              });
+            }}
+          />
+
           <LinkList
-            links={!!changeLog.state?.updates?.links ? changeLog.state?.updates?.links : []}
+            links={changeLog.state?.updates?.links ? changeLog.state?.updates?.links : []}
             editing={true}
             deleteLink={linkToDelete => {
               updateChangeState({
@@ -251,8 +275,8 @@ export const ChangeLogEditing = ({
             <AddLink changeLog={changeLog} updateChangeState={updateChangeState} />
           )}
         </AutoLayout>
-        <AutoLayout name="Delete Change" width="fill-parent" horizontalAlignItems="start" verticalAlignItems="center">
-          <Button label="Delete Change" action={deleteChange} />
+        <AutoLayout name="Delete Log" width="fill-parent" horizontalAlignItems="start" verticalAlignItems="center">
+          <Button label="Delete Log" action={deleteChange} />
         </AutoLayout>
       </AutoLayout>
     </AutoLayout>
diff --git a/widget-src/svgs/LogoNearformCommerce.tsx b/widget-src/svgs/LogoNearformCommerce.tsx
new file mode 100644
index 0000000..65a972b
--- /dev/null
+++ b/widget-src/svgs/LogoNearformCommerce.tsx
@@ -0,0 +1,13 @@
+export const LogoNearformCommerce: string = `
+<svg width='36' height='16' viewBox='0 0 36 16' fill='none' xmlns='http://www.w3.org/2000/svg'>
+<g clip-path='url(#clip0_1242_5134)'>
+<path d='M0 -0.000244141H2.29624L9.75599 9.88179V-0.000244141H12.229V13.9456H9.93278L2.47303 4.0636V13.9456H0V-0.000244141Z' fill='#000E38'/>
+<path d='M13.4784 13.9475H22.6817V15.9998H13.4784V13.9475Z' fill='#00E5A4'/>
+<path d='M29.7432 1.07495C32.2488 1.07495 33.9943 2.25746 34.6588 4.40227L34.669 4.43558H36L35.9857 4.38006C35.3192 1.63752 33.0088 0.00161743 29.8082 0.00161743C25.5836 0.00161743 22.7448 2.83113 22.7448 7.04488C22.7448 9.11381 23.3991 10.8737 24.6346 12.1358C25.8843 13.4127 27.6441 14.0863 29.7229 14.0863C33.023 14.0863 35.2908 12.4818 35.9451 9.68749L35.9573 9.63197H34.6263L34.6161 9.66528C33.972 11.8545 32.2731 13.0111 29.7005 13.0111C26.3232 13.0111 24.0534 10.6128 24.0534 7.04303C24.0534 3.47328 26.3395 1.07495 29.7432 1.07495Z' fill='#000E38'/>
+</g>
+<defs>
+<clipPath id='clip0_1242_5134'>
+<rect width='36' height='16' fill='white' transform='translate(0 -0.000244141)'/>
+</clipPath>
+</defs>
+</svg>`;