datajunction-ui 0.0.49 → 0.0.51

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "datajunction-ui",
-  "version": "0.0.49",
+  "version": "0.0.51",
   "description": "DataJunction UI",
   "module": "src/index.tsx",
   "repository": {

package/src/app/pages/NodePage/AddComplexDimensionLinkPopover.jsx

@@ -66,6 +66,7 @@ export default function AddComplexDimensionLinkPopover({
         values.joinType || 'left',
         values.joinCardinality || 'many_to_one',
         values.role?.trim() || null,
+        values.defaultValue?.trim() || null,
       );
 
       if (response.status === 200 || response.status === 201) {
@@ -177,6 +178,7 @@ export default function AddComplexDimensionLinkPopover({
                     joinCardinality:
                       existingLink?.join_cardinality || 'many_to_one',
                     role: existingLink?.role || '',
+                    defaultValue: existingLink?.default_value || '',
                   }}
                   onSubmit={handleSubmit}
                   validate={values => {
@@ -338,6 +340,28 @@ export default function AddComplexDimensionLinkPopover({
                           </small>
                         </div>
 
+                        <div style={{ marginBottom: '1rem' }}>
+                          <label htmlFor="defaultValue">
+                            Default Value (Optional)
+                          </label>
+                          <Field
+                            type="text"
+                            name="defaultValue"
+                            id="defaultValue"
+                            placeholder="e.g., Unknown, N/A"
+                            style={{
+                              width: '100%',
+                              padding: '0.5rem',
+                            }}
+                          />
+                          <small
+                            style={{ color: '#6c757d', fontSize: '0.75rem' }}
+                          >
+                            Value to use when LEFT or RIGHT JOIN produces NULL
+                            (wraps dimension column in COALESCE)
+                          </small>
+                        </div>
+
                         <button
                           className="add_node"
                           type="submit"

package/src/app/pages/NodePage/NodePreAggregationsTab.jsx

@@ -202,6 +202,15 @@ export default function NodePreAggregationsTab({ node }) {
             {isExpanded ? '\u25BC' : '\u25B6'}
           </span>
 
+          {preagg.preagg_hash && (
+            <code
+              className="preagg-row-hash"
+              title="Pre-aggregation hash - used in table and workflow names"
+            >
+              {preagg.preagg_hash}
+            </code>
+          )}
+
           <div className="preagg-row-grain-chips">
             {(() => {
               const grainCols = preagg.grain_columns || [];
@@ -309,6 +318,19 @@ export default function NodePreAggregationsTab({ node }) {
                               : 'Not set'}
                           </td>
                         </tr>
+                        {preagg.preagg_hash && (
+                          <tr>
+                            <td className="preagg-config-key">Hash</td>
+                            <td className="preagg-config-value">
+                              <code
+                                className="preagg-hash-badge"
+                                title="Unique identifier for this pre-aggregation. Used in table and workflow names."
+                              >
+                                {preagg.preagg_hash}
+                              </code>
+                            </td>
+                          </tr>
+                        )}
                         <tr>
                           <td className="preagg-config-key">Schedule</td>
                           <td className="preagg-config-value">

package/src/app/services/DJService.js

@@ -1460,6 +1460,7 @@ export const DataJunctionAPI = {
     joinType = null,
     joinCardinality = null,
     role = null,
+    defaultValue = null,
   ) {
     const response = await fetch(`${DJ_URL}/nodes/${nodeName}/link`, {
       method: 'POST',
@@ -1472,6 +1473,7 @@ export const DataJunctionAPI = {
         join_on: joinOn,
         join_cardinality: joinCardinality,
         role: role,
+        default_value: defaultValue,
       }),
       credentials: 'include',
     });

package/src/app/services/__tests__/DJService.test.jsx

@@ -875,6 +875,7 @@ describe('DataJunctionAPI', () => {
         join_on: joinOn,
         join_cardinality: null,
         role: null,
+        default_value: null,
       }),
       method: 'POST',
     });

package/src/styles/preaggregations.css

@@ -95,6 +95,17 @@
   color: #666;
 }
 
+.preagg-row-hash {
+  background-color: #f3e8ff;
+  padding: 2px 8px;
+  border-radius: 4px;
+  color: #7c3aed;
+  font-size: 11px;
+  font-weight: 600;
+  font-family: monospace;
+  letter-spacing: 0.05em;
+}
+
 .preagg-row-grain-chips {
   display: flex;
   align-items: center;
@@ -385,6 +396,20 @@
   font-weight: 500;
 }
 
+/* Hash badge (purple/violet) */
+.preagg-hash-badge {
+  background-color: #f3e8ff;
+  padding: 4px 10px;
+  border-radius: 4px;
+  color: #7c3aed;
+  font-size: 12px;
+  font-weight: 500;
+  font-family: monospace;
+  letter-spacing: 0.05em;
+  user-select: all;
+  cursor: text;
+}
+
 /* Metric badge (red/rose) */
 .preagg-metric-badge {
   font-size: 11px;