ENG-890 | ENG-891 - Ship pre populated tags and adjust tag placeholder (#460)

* Add default tags for Claim and Evidence nodes in defaultDiscourseNodes.ts

* Add generateTagPlaceholder function to create dynamic tag placeholders for nodes in NodeConfig component in the format of abc-candidate

* missed #

Author: mdroidian

apps/roam/src/components/settings/NodeConfig.tsx

@@ -141,6 +141,19 @@ const useDebouncedRoamUpdater = <
   return { value, handleChange, handleBlur };
 };
 
+const generateTagPlaceholder = (node: DiscourseNode): string => {
+  // Extract first reference from format like [[CLM]], [[QUE]], [[EVD]]
+  const referenceMatch = node.format.match(/\[\[([A-Z]+)\]\]/);
+
+  if (referenceMatch) {
+    const reference = referenceMatch[1].toLowerCase();
+    return `#${reference.slice(0, 3)}-candidate`; // [[EVD]] - {content} = #evd-candidate
+  }
+
+  const nodeTextPrefix = node.text.toLowerCase().slice(0, 3);
+  return `#${nodeTextPrefix}-candidate`; // Evidence = #evi-candidate
+};
+
 const NodeConfig = ({
   node,
   onloadArgs,
@@ -288,7 +301,7 @@ const NodeConfig = ({
                 onChange={handleTagChange}
                 onBlur={handleTagBlur}
                 error={tagError}
-                placeholder={`#${node.text.toLowerCase()}`}
+                placeholder={generateTagPlaceholder(node)}
               />
             </div>
           }

apps/roam/src/data/defaultDiscourseNodes.ts

@@ -6,6 +6,7 @@ const INITIAL_NODE_VALUES: Partial<DiscourseNode>[] = [
     format: "[[CLM]] - {content}",
     text: "Claim",
     shortcut: "C",
+    tag: "#clm-candidate",
     graphOverview: true,
     canvasSettings: {
       color: "7DA13E",
@@ -26,6 +27,7 @@ const INITIAL_NODE_VALUES: Partial<DiscourseNode>[] = [
     format: "[[EVD]] - {content} - {Source}",
     text: "Evidence",
     shortcut: "E",
+    tag: "#evd-candidate",
     graphOverview: true,
     canvasSettings: {
       color: "DB134A",