Make the data model use Item and List types universally, with nodes authored as rank-polymorphic kernels (#4335)

* Add rank polymorphism node audit classifying all 271 nodes * Implement StaticType for Item<T> * Generate Item and mapped List wire variants for nodes declaring an Item<T> primary input * Migrate nine nodes to Item element-wise kernels, dissolving the blending trait boilerplate * Document the Item kernel implementation and staging plan * Route Item<Vector> through TaggedValue::TypeDefault * Add executor integration tests covering the Item and List wire variants * Collapse element-wise Item/List wire pairs to the List form for conversion insertion * Migrate sixteen vector modifier nodes to Item element-wise kernels * Migrate Sample Image, Extend Image to Bounds, and Dehaze to Item element-wise kernels * Fix bevel_with_transform test to actually exercise the transform attribute * Implement From<T> for Item<T> * Register PromoteNode rank adapters wrapping bare values into Item wires * Insert PromoteNode adapters for Item/List wire pair fields in the preprocessor * Define a real promote node backing the PromoteNode registry identifiers * Zip ranked Item connectors by frame slot in the mapped element-wise variant * Register ItemToListNode singleton raise adapters * Resolve Item wires against List connectors by inserting promotion adapters at construction * Rank the Offset Points distance connector and prove mixed-rank resolution end-to-end * Implement Clampable for Item and List wires with per-variant clamp bounds * Rank the Round Corners radius connector, exercising hard bounds on a ranked wire * Implement ApplyTransform for Item * Add Item wire implementations to the Transform node, keeping rank-0 chains rank 0 * Detect element-wise nodes by lazy primary connectors declaring Output = Item * Convert Transform to an Item kernel with ranked parameters, delivering the broadcast milestone * Rename Apply Transform to Bake Transform, baking item transforms on Vector, DAffine2, and DVec2 * Promote bare wires onto Item connectors at resolution via WrapItemNode adapters * Rank the numeric, vector, and boolean parameters across the migrated element-wise nodes * Rank the enum, integer, and seed parameters, registering their rank adapters via a consolidated macro * Amend the audit with the DashPattern value type resolution * Migrate the string family to Item element-wise kernels * Unwrap Item wires into bare legacy connectors at resolution via UnwrapItemNode adapters * Shadow owned node parameters in bodies instead of mut in signatures * Migrate the math family and string measure nodes to Item element-wise kernels * Convert the comparison and clamp nodes to Item kernels, dropping unreachable &str rows * Flat-map expander kernels returning List under the mapped variant's frame * Migrate the expander nodes to Item kernels flat-mapping under the frame * Remove the unused peel_list helper * Rank the raster adjustment and blending kernels, recontextualizing shader nodes onto an Item stand-in Migrate the 16 adjustment nodes, Mix, Color Overlay, and Gradient Map from whole-List kernels to rank-0 Item kernels, letting the macro derive the List-mapped (zip) variants. Move the Adjust and Blend per-element seams off List onto the element types (add the Raster<CPU> impls, drop the now-dead List impls). Shader nodes keep their bodies verbatim: PerPixelAdjust re-emits the identical kernel against a transparent no_std Item stand-in, so every Item<T> connector and .element() call resolves to a zero-cost identity on the GPU while the uniform buffer stays bare repr(C). The macro peels Item off ranked uniform params, wraps the fetched texel and uniforms at the entry point, and unwraps the result. This drops the shader_node/Item incompatibility guard. Register rank adapters for the adjustment enums. * Update the rank polymorphism roadmap for the landed shader-node and adjustments chunk * Rename the GPU Item stand-in to ShaderItem, aliased as Item at its shader-node import sites * Flip the vector shape generators to emit rank-0 Item<Vector> The shape generators (Rectangle, Circle, Ellipse, Arc, Spiral, Polygon, Star, Arrow, Line, Grid, QR Code) each produced exactly one shape wrapped in a singleton List<Vector>. Emit Item<Vector> directly so they connect to the rank-0 content connector of the migrated Transform node. Downstream List consumers receive the value through the existing Item to List promotion. Relax the element-wise validation so a `()` (generator) primary may return Item<T> without being element-wise. Adapt the Repeat on Points test, which still takes a List content connector, by raising the generator's Item output through a singleton wrapper node. * Parse ranked Item<T> parameter defaults against the bare element type A ranked `Item<T>` parameter's default value is a bare, unranked `T` (promoted to the wire at resolution), but the preprocessor was handed the wrapped `Item<T>` type and could not parse the literal, flooding the console with warnings and dropping the defaults. Key the field's default_type metadata off the peeled element type for concrete ranked parameters, leaving generic `Item<T>` primaries and skip_impl nodes untouched. * Parse an element-wise primary's scalar default against the bare element type An element-wise node's primary reports its default_type as the List wire form so an unconnected primary defaults to an empty list. But when the primary carries a scalar `#[default]` (such as Root's radicand), that literal must parse as a bare element, not a List. Key the primary's default_type off the bare element type when it has a Default value source, keeping the List form otherwise. * Add the DashPattern value type for stroke dash sequences Introduce a rank-0 DashPattern value type (a Vec<f64> of alternating dash and gap lengths) so a stroke's dash pattern is a single frameable value rather than a rank-1 List<f64>. Register it as an auto-generated TaggedValue variant, parse its default from a comma or space separated string, and register its rank adapters. Not yet wired into the Stroke node. * Rank the Fill and Stroke nodes element-wise and give Stroke a DashPattern connector Migrate Fill and Stroke to element-wise Item<V> primaries (over Vector and Graphic element types) via a new element-level VectorItemMut trait, so styling one shape yields one shape and rank is preserved instead of promoting the input to a singleton List and emitting a List. The macro derives the List-mapped variant for genuine collections. Wire the Stroke dash sequence to the new rank-0 DashPattern value type, collapsing the old content x paint x dash cartesian and dropping the IntoF64Vec trait. Update the stroke properties dash widget, the drawing tool, and graph-operation plumbing to read and write DashPattern, and migrate legacy F64Array, F64, and String dash inputs on document open. Assign Colors stays a whole-collection node: each element's gradient position depends on its index among all siblings, which the element frame does not expose, so it keeps its List primary and the VectorListIterMut trait. * Register rank adapters for the ranked Stroke enum parameters The element-wise Stroke node ranks its align, cap, and paint order parameters as Item<StrokeAlign>, Item<StrokeCap>, and Item<PaintOrder>, but those enums lacked promotion adapters, so a bare default enum value could not be promoted to its Item wire and no Stroke variant resolved ("No construct found for node"). Register their rank adapters alongside StrokeJoin. * Display Item wires in the Data panel without a List's ID column Add a TableItemLayout impl for Item<T> and recognize Item wire types when introspecting graph data. An Item holds a single element, so it renders as a one-row table of the element plus its attributes with no leading index column, and it labels as its element type T rather than a List's T[]. Add ItemAttributeValues::get_any for the attribute widget dispatch. * Register MonitorNode for Item wire types so the Data panel introspects them directly Graph introspection wraps the inspected output in a generic MonitorNode typed to the wire. Without Item<T> monitor registrations, an Item<Vector> output could only be monitored after an Item to List promotion, so the Data panel captured and displayed a List<Vector> despite the connector being Item<Vector>. Register monitors for the Item types the element-wise nodes emit, and add the matching Data panel downcast entries. * Color and double Item/List wires and cleave layer-stack connectors in the node graph * Route wire color and rank through hidden nodes and refresh them on type changes * Rework the DashPattern connector conversions with element-wise promotion and an explicit reducer node * Rank the remaining value, context, aggregation, and transform nodes onto Item<T> wires * Back DashPattern with a List<f64> so the Data panel can introspect its lengths * Carry a single Item<T> through varargs so the Read context nodes emit Item<T> not List<T> * Relax rank validation for aggregation shapes, add element adapters, and match variants by fewest promotions * Rank the remaining bare and unnecessarily-List connectors across the node catalog * Add Graphic::None and the FillChoice paint value, making colors and gradients plain values * Rename GradientStops to Gradient and the legacy Gradient/Fill structs to LegacyGradient/LegacyFill * Restore generator frame-from-params ranking to the roadmap as a planned stage * Rename the ranked-field adapter identifier from PromoteNode to FieldAdapterNode to reflect its full contract * Unload only the wires whose displayed style changed when types update * Peel wire rank in the editor's semantic type checks so rank-0 layers are recognized * Restore the whole-List Transform variant so rank-1 content wires resolve again * Register the Item wire forms for the Memoize and Context Modification infrastructure nodes * Give every ranked connector a field adapter and add numeric cast variants for legacy wires * Key a ranked param's type default off its Item wire form when no literal default exists * Inherit the layer's content value when splicing a node into an empty chain * Migrate stale List-form TypeDefault inputs to the definition's current default * Generate the mapped wire variant only when the element-wise node has a frame source * Let a bare wire feed a List connector via a wrap-raise adapter, costed as two rank steps * Add a zip companion to the whole-List Transform so ranked List parameters pair per slot * Add the Sum, Average, Minimum, Maximum, Any, and All list reducers * Convert the measure family to element-wise Item kernels per the audit classification * Prefer the bare element value over the Item type default so ranked params keep their widgets * Rename GradientStopsUI to GradientUI * Split Fill's optional transform into a _has_transform bool and a ranked _transform matrix * Rename the migration-only OptionalDAffine2 TaggedValue to LegacyOptionalDAffine2 * Flow byte buffers as Item<Resource> instead of List<u8> across the byte nodes * Macro-generate the list-content wire variant, retiring the hand-written Transform-zip, Area, and Centroid companions * Let ()-primary generators take ranked params and frame over them via the mapped variant, ranking Circle's radius * Rank the vector shape generators' params to Item, adding a rank-aware input grab to the introspection harness * Rank the value, color, and text generator params to Item * Rank the raster, web-request, and context-reader generator params to Item * Fix the repeat and brush test wirings left behind by the param-ranking sweeps * Delete the vestigial Some, Unwrap Option, and Size Of debug nodes * Delete the Attach Attribute node, folding its role into Write Attribute * Add the Filter and Sort list companion nodes * Guard the removed-definition migration swap target with a test * Add the Box Corners value type in place of the rectangle corner radius list * Split Text to Vector's per-glyph mode into a Text to Vector Glyphs node * Rank the Combine Channels node's channel connectors to Item * Make Map Points an element-wise node * Delete the deprecated Upload Texture node * Update the implementation roadmap to reflect the landed stages * Let monitor introspection read rank-0 wires, locking in the layer coercion promotion path * Prefer the rank-0 default when disconnecting a rank-capable input * Make Path Modify an element-wise node * Wrap node paths in a NodeIdPath newtype so they flow as a single Item * Give Item<Raster<CPU>> a default so an unconnected Brush background resolves * Stop the Brush node from setting layer attributes its paint operation doesn't produce * Present-gate Flatten Path's adopted layer path like its fill and stroke * Gate carried layer attributes on static column presence, not runtime values * Give the remaining graphic Item<T> types a default so unconnected primaries resolve * Dispatch a ranked param's Properties widget from its rank-0 element type * Make Extract Transform an element-wise node, restoring the Origins to Polyline body * Rename Flatten Path to Combine Paths * Stamp Legacy Layer Extend's adopted layer path as a readable NodeIdPath * Drop the dead List<u8> and List<NodeId> wire rows * Rank Flatten Graphic's Fully Flatten toggle to Item * Update the implementation roadmap with the endgame scope * Make Combine Paths a reducer that collapses the whole frame into one path * Stop type-converter nodes from carrying the source's unrelated attributes * Format the Origins to Polyline regression test * Wrap the Brush node's trace in a BrushTrace newtype so it flows as one value * Make Switch a framed element-wise select, bundling whole collections * Widen and align element-type coverage across the list and graphic nodes * Register the compiler's cache chain pair for every ranked enum and newtype wire * Fix wire colors for Passthrough outputs, bundled lists, and bools, and widen list wires * Represent List wire types structurally with Type::List, replacing name-parsed rank promotion * Treat scope and data fields as environment, rank scope wires as Item, and feed the render boundary through a context vararg * Delete the vestigial Clone debug node * Reinstate Upload Texture as an element-wise node and fix the GPU variants' scope executor and rank adapters * Rename Combine Paths back to Flatten Path, deferring that rename to its own PR * Deduplicate the promotion adapter registrations into the field adapter macro * Rank Write Attribute's value connector to Item<AttributeValueDyn>, retiring the UnwrapItem bridge * Vertical wire styling * Store the editor layer path attribute as a bare NodeIdPath, not an Item<NodeIdPath> * Rank Context Modification's features connector to Item<ContextFeatures>, dropping the dead memoize row * Rank Path Modify's modification parameter to Item<Box<VectorModification>> * Rename the field adapter node family to input adapter * Drop the dead bare scalar rows from Context Modification's implementations list * Move the dynamic executor's test module into its own file * Drop the registry's unreachable bare rows for Memoize, the cache chain, and ConvertNode * Materialize stored TaggedValues as ranked Item wires at the source * Remove the bare-wire promotion and adapter machinery made dead by ranked value materialization * Plant the input adapter for List-only inputs, composing position conversion from standard rows * Consolidate Into/Convert conversions into the input adapter umbrella and rename the rank adapter identifiers * Fix grouped layers gaining a phantom None stack element from the FillChoice default hijacking every List<Graphic> disconnect * Enforce ranked node inputs in the macro, rejecting bare wire declarations * Remove the unit Context => () machinery rows, leaving () purely as the no-primary sentinel * Add a --signatures rank-audit mode to node-docs for the ranked-wire migration * Remove the node-docs --signatures rank-audit mode now that ranked wires are enforced * Migrate legacy no-color values on the Black & White, Color Overlay, and Empty Image color inputs * Rewrite the element-wise accessor wire type at the primary input, not raw index 0 * Register the cache chain for Resource wires, replacing the lone hand-written Monitor row * Gate the remaining Raster<GPU> registry rows behind the gpu feature * Let List<DVec2> wires erase to ListDyn for the attribute reader and element counter * Rename Extract Element to Item at Index, Count Elements to List Length, and Omit Element to Remove at Index * Store paint picks as plain color/gradient values, removing the FillChoice value type * Code review restructuring * Sort by the consumed sort_key attribute or natural element order, adding the Sort Key node * Remove the new list-combinator and reducer nodes to defer them to a follow-up PR * Parse Fill and Stroke color defaults through the paint wire's Graphic element * Emit ranked implementation-row default types structurally so their element TypeIds survive to default-literal parsing * Exempt the deliberate no-paint choice from the stale List-form TypeDefault migration * Migrate the legacy 4-input Fill directly to the split has-transform shape * Upgrade the demo artwork * Fix the valid AI review findings: Item eq/hash contract, table-era no-paint migration, quantize List rows, and other smaller issues * Remove the rank polymorphism working documents * Hash Item attribute values directly instead of debug-formatting them, speeding up cached evaluation * Replace the data panel's dead bare-wire downcast arms with full coverage of the ranked monitor row types * Derive PartialEq for Item now that attributes participate in equality * Extend the data panel's attribute dispatchers with the newly supported scalar and choice enum types * Add List monitor rows for the framed numeric conversion outputs so inspecting them resolves, with matching data panel arms
2026-09-19 19:08:05 +08:00 · 2026-07-15 19:03:01 -07:00
parent 296185b7fc
commit a708a54492
3257 changed files with 766343 additions and 1830 deletions
--- a/node-graph/nodes/blending/src/lib.rs
+++ b/node-graph/nodes/blending/src/lib.rs
@@ -25,15 +25,15 @@ fn opacity<T>(
 	/// Whether the *Opacity* property is enabled, multiplying the existing opacity by the chosen percentage.
 	#[widget(ParsedWidgetOverride::Hidden)]
 	#[default(true)]
-	has_opacity: bool,
+	has_opacity: Item<bool>,
 	/// How visible the content should be, including any content clipped to it.
 	/// Ranges from the default of 100% (fully opaque) to 0% (fully transparent).
 	#[widget(ParsedWidgetOverride::Custom = "optional_percentage")]
 	#[default(100.)]
-	opacity: Percentage,
+	opacity: Item<Percentage>,
 	/// Whether the *Fill* property is enabled, multiplying the existing fill by the chosen percentage.
 	#[widget(ParsedWidgetOverride::Hidden)]
-	has_fill: bool,
+	has_fill: Item<bool>,
 	/// How visible the content should be, independent of any content clipped to it.
 	/// Ranges from 0% (fully transparent) to the default of 100% (fully opaque).
 	#[widget(ParsedWidgetOverride::Custom = "optional_percentage")]
--- a/node-graph/nodes/brush/src/brush.rs
+++ b/node-graph/nodes/brush/src/brush.rs
@@ -458,6 +458,7 @@ pub fn blend_stamp_closure(foreground: BrushStampGenerator<Color>, mut backgroun
 #[cfg(test)]
 mod test {
 	use super::*;
+	use crate::brush_stroke::BrushStroke;
 	use core_types::transform::Transform;
 	use glam::DAffine2;

--- a/node-graph/nodes/brush/src/brush_stroke.rs
+++ b/node-graph/nodes/brush/src/brush_stroke.rs
@@ -1,6 +1,7 @@
 use core_types::CacheHash;
 use core_types::blending::BlendMode;
 use core_types::color::Color;
+use core_types::list::{Item, List};
 use core_types::math::bbox::AxisAlignedBbox;
 use dyn_any::DynAny;
 use glam::DVec2;
@@ -57,6 +58,22 @@ pub struct BrushStroke {
 	pub trace: Vec<BrushInputSample>,
 }

+/// One Brush layer's full sequence of strokes, treated as a single rank-0 value rather than a frame of independent strokes.
+#[derive(Default, Debug, Clone, PartialEq, CacheHash, DynAny)]
+pub struct BrushTrace(pub List<BrushStroke>);
+
+impl From<List<BrushStroke>> for BrushTrace {
+	fn from(strokes: List<BrushStroke>) -> Self {
+		Self(strokes)
+	}
+}
+
+impl From<Vec<BrushStroke>> for BrushTrace {
+	fn from(strokes: Vec<BrushStroke>) -> Self {
+		Self(strokes.into_iter().map(Item::new_from_element).collect())
+	}
+}
+
 impl BrushStroke {
 	pub fn bounding_box(&self) -> AxisAlignedBbox {
 		let radius = self.style.diameter / 2.;
--- a/node-graph/nodes/gcore/src/animation.rs
+++ b/node-graph/nodes/gcore/src/animation.rs
@@ -1,9 +1,9 @@
 use core_types::gpoll::GPoll;
-use core_types::list::List;
+use core_types::list::{Item, List};
 use core_types::transform::Footprint;
 use core_types::{CacheHash, Color, Context, Ctx, DeriveCtx, ExtractAnimationTime, ExtractPointerPosition, ExtractRealTime};
 use glam::{DAffine2, DVec2};
-use graphic_types::vector_types::GradientStops;
+use graphic_types::vector_types::Gradient;
 use graphic_types::{Artboard, Graphic, Vector};
 use raster_types::{CPU, GPU, Raster};

@@ -34,19 +34,22 @@ fn real_time(
 	ctx: impl Ctx + ExtractRealTime,
 	_primary: (),
 	/// The time and date component to be produced as a number.
-	component: RealTimeMode,
-) -> f64 {
+	component: Item<RealTimeMode>,
+) -> Item<f64> {
+	let component = component.into_element();
 	let real_time = ctx.try_real_time().unwrap_or_default();

 	// TODO: Implement proper conversion using and existing time implementation
-	match component {
+	let result = match component {
 		RealTimeMode::Utc => real_time,
 		RealTimeMode::Year => (real_time / DAY / 365.25).floor() + 1970., // TODO: Factor in a chosen timezone
 		RealTimeMode::Hour => (real_time / 1000. / 3600.).floor() % 24.,  // TODO: Factor in a chosen timezone
 		RealTimeMode::Minute => (real_time / 1000. / 60.).floor() % 60.,  // TODO: Factor in a chosen timezone
 		RealTimeMode::Second => (real_time / 1000.).floor() % 60.,
 		RealTimeMode::Millisecond => real_time % 1000.,
-	}
+	};
+
+	Item::new_from_element(result)
 }

 /// Produces the time, in seconds on the timeline, since the beginning of animation playback.
@@ -56,42 +59,50 @@ fn animation_time(
 	_primary: (),
 	#[default(1)]
 	#[unit("/sec")]
-	rate: f64,
-) -> f64 {
-	ctx.try_animation_time().unwrap_or_default() * rate
+	rate: Item<f64>,
+) -> Item<f64> {
+	Item::new_from_element(ctx.try_animation_time().unwrap_or_default() * *rate.element())
 }

 #[node_macro::node(category("Debug"))]
 fn quantize_real_time<T>(
 	ctx: impl Ctx + ExtractRealTime + DeriveCtx,
 	#[implementations(
-		Context -> bool,
-		Context -> u32,
-		Context -> u64,
-		Context -> f32,
-		Context -> f64,
-		Context -> String,
-		Context -> DAffine2,
-		Context -> Footprint,
-		Context -> DVec2,
+		Context -> Item<bool>,
+		Context -> Item<u32>,
+		Context -> Item<u64>,
+		Context -> Item<f32>,
+		Context -> Item<f64>,
+		Context -> Item<String>,
+		Context -> Item<DAffine2>,
+		Context -> Item<Footprint>,
+		Context -> Item<DVec2>,
+		Context -> Item<Vector>,
+		Context -> Item<Graphic>,
+		Context -> Item<Raster<CPU>>,
+		Context -> Item<Raster<GPU>>,
+		Context -> Item<Color>,
+		Context -> Item<Gradient>,
+		Context -> Item<Artboard>,
+		Context -> List<String>,
+		Context -> List<f64>,
+		Context -> List<DVec2>,
 		Context -> List<Vector>,
 		Context -> List<Graphic>,
 		Context -> List<Raster<CPU>>,
 		Context -> List<Raster<GPU>>,
 		Context -> List<Color>,
+		Context -> List<Gradient>,
 		Context -> List<Artboard>,
-		Context -> List<GradientStops>,
-		Context -> List<String>,
-		Context -> List<f64>,
-		Context -> (),
 	)]
 	value: impl Node<Context<'_>, Output = T>,
 	#[default(1)]
 	#[unit("sec")]
-	quantum: f64,
+	quantum: Item<f64>,
 ) -> GPoll<T> {
 	let time = ctx.try_real_time().unwrap_or_default();
 	let time = time / 1000.;
+	let quantum = quantum.into_element();
 	let mut quantized_time = (time * quantum.recip()).round() / quantum.recip();
 	if !quantized_time.is_finite() {
 		quantized_time = time;
@@ -105,32 +116,40 @@ fn quantize_real_time<T>(
 fn quantize_animation_time<T>(
 	ctx: impl Ctx + ExtractAnimationTime + DeriveCtx,
 	#[implementations(
-		Context -> bool,
-		Context -> u32,
-		Context -> u64,
-		Context -> f32,
-		Context -> f64,
-		Context -> String,
-		Context -> DAffine2,
-		Context -> Footprint,
-		Context -> DVec2,
+		Context -> Item<bool>,
+		Context -> Item<u32>,
+		Context -> Item<u64>,
+		Context -> Item<f32>,
+		Context -> Item<f64>,
+		Context -> Item<String>,
+		Context -> Item<DAffine2>,
+		Context -> Item<Footprint>,
+		Context -> Item<DVec2>,
+		Context -> Item<Vector>,
+		Context -> Item<Graphic>,
+		Context -> Item<Raster<CPU>>,
+		Context -> Item<Raster<GPU>>,
+		Context -> Item<Color>,
+		Context -> Item<Gradient>,
+		Context -> Item<Artboard>,
+		Context -> List<String>,
+		Context -> List<f64>,
+		Context -> List<DVec2>,
 		Context -> List<Vector>,
 		Context -> List<Graphic>,
 		Context -> List<Raster<CPU>>,
 		Context -> List<Raster<GPU>>,
 		Context -> List<Color>,
+		Context -> List<Gradient>,
 		Context -> List<Artboard>,
-		Context -> List<GradientStops>,
-		Context -> List<String>,
-		Context -> List<f64>,
-		Context -> (),
 	)]
 	value: impl Node<Context<'_>, Output = T>,
 	#[default(1)]
 	#[unit("sec")]
-	quantum: f64,
+	quantum: Item<f64>,
 ) -> GPoll<T> {
 	let time = ctx.try_animation_time().unwrap_or_default();
+	let quantum = quantum.into_element();
 	let mut quantized_time = (time * quantum.recip()).round() / quantum.recip();
 	if !quantized_time.is_finite() {
 		quantized_time = time;
@@ -141,8 +160,8 @@ fn quantize_animation_time<T>(

 /// Produces the current position of the user's pointer within the document canvas.
 #[node_macro::node(category("Animation"))]
-fn pointer_position(ctx: impl Ctx + ExtractPointerPosition) -> DVec2 {
-	ctx.try_pointer_position().unwrap_or_default()
+fn pointer_position(ctx: impl Ctx + ExtractPointerPosition) -> Item<DVec2> {
+	Item::new_from_element(ctx.try_pointer_position().unwrap_or_default())
 }

 // TODO: These nodes require more sophisticated algorithms for giving the correct result
--- a/node-graph/nodes/gcore/src/context.rs
+++ b/node-graph/nodes/gcore/src/context.rs
@@ -1,14 +1,14 @@
 use core_types::gpoll::{Extent, GPoll, GraphError, Interrupt};
-use core_types::list::List;
+use core_types::list::{Item, List};
 use core_types::{Color, ExtractVarArgs};
 use core_types::{Ctx, ExtractIndex, ExtractIndices, ExtractPosition};
 use glam::DVec2;
-use graphic_types::vector_types::GradientStops;
+use graphic_types::vector_types::Gradient;
 use graphic_types::{Graphic, Vector};
 use raster_types::{CPU, Raster};

 #[node_macro::node(category("Context"), path(graphene_core::vector))]
-fn read_graphic(ctx: impl Ctx + ExtractVarArgs) -> List<Graphic<'static>> {
+fn read_graphic(ctx: impl Ctx + ExtractVarArgs) -> Item<Graphic<'static>> {
 	let Ok(var_arg) = ctx.vararg(0) else { return Default::default() };
 	let var_arg = var_arg as &dyn std::any::Any;

@@ -16,7 +16,7 @@ fn read_graphic(ctx: impl Ctx + ExtractVarArgs) -> List<Graphic<'static>> {
 }

 #[node_macro::node(category("Context"), path(graphene_core::vector))]
-fn read_vector(ctx: impl Ctx + ExtractVarArgs) -> List<Vector> {
+fn read_vector(ctx: impl Ctx + ExtractVarArgs) -> Item<Vector> {
 	let Ok(var_arg) = ctx.vararg(0) else { return Default::default() };
 	let var_arg = var_arg as &dyn std::any::Any;

@@ -24,7 +24,7 @@ fn read_vector(ctx: impl Ctx + ExtractVarArgs) -> List<Vector> {
 }

 #[node_macro::node(category("Context"), path(graphene_core::vector))]
-fn read_raster(ctx: impl Ctx + ExtractVarArgs) -> List<Raster<CPU>> {
+fn read_raster(ctx: impl Ctx + ExtractVarArgs) -> Item<Raster<CPU>> {
 	let Ok(var_arg) = ctx.vararg(0) else { return Default::default() };
 	let var_arg = var_arg as &dyn std::any::Any;

@@ -32,7 +32,7 @@ fn read_raster(ctx: impl Ctx + ExtractVarArgs) -> List<Raster<CPU>> {
 }

 #[node_macro::node(category("Context"), path(graphene_core::vector))]
-fn read_color(ctx: impl Ctx + ExtractVarArgs) -> List<Color> {
+fn read_color(ctx: impl Ctx + ExtractVarArgs) -> Item<Color> {
 	let Ok(var_arg) = ctx.vararg(0) else { return Default::default() };
 	let var_arg = var_arg as &dyn std::any::Any;

@@ -40,7 +40,7 @@ fn read_color(ctx: impl Ctx + ExtractVarArgs) -> List<Color> {
 }

 #[node_macro::node(category("Context"), path(graphene_core::vector))]
-fn read_gradient(ctx: impl Ctx + ExtractVarArgs) -> List<GradientStops> {
+fn read_gradient(ctx: impl Ctx + ExtractVarArgs) -> Item<Gradient> {
 	let Ok(var_arg) = ctx.vararg(0) else { return Default::default() };
 	let var_arg = var_arg as &dyn std::any::Any;

@@ -126,9 +126,10 @@ fn read_position(
 	/// The number of nested loops to traverse outwards (from the innermost loop) to get the position from. The most upstream loop is level 0, and downstream loops add levels.
 	///
 	/// In programming terms: inside the double loop `i { j { ... } }`, *Loop Level* 0 = `j` and 1 = `i`. After inserting a third loop `k { ... }`, inside it, levels would be 0 = `k`, 1 = `j`, and 2 = `i`.
-	loop_level: u32,
-) -> DVec2 {
-	ctx.try_position().and_then(|mut iter| iter.nth(loop_level as usize).or_else(|| iter.last())).unwrap_or(DVec2::ZERO)
+	loop_level: Item<u32>,
+) -> Item<DVec2> {
+	let loop_level = *loop_level.element();
+	Item::new_from_element(ctx.try_position().and_then(|mut iter| iter.nth(loop_level as usize).or_else(|| iter.last())).unwrap_or(DVec2::ZERO))
 }

 // TODO: Return u32, u64, or usize instead of f64 after #1621 is resolved and has allowed us to implement automatic type conversion in the node graph for nodes with generic type inputs.
@@ -145,9 +146,10 @@ fn read_index(
 	/// The number of nested loops to traverse outwards (from the innermost loop) to get the index from. The most upstream loop is level 0, and downstream loops add levels.
 	///
 	/// In programming terms: inside the double loop `i { j { ... } }`, *Loop Level* 0 = `j` and 1 = `i`. After inserting a third loop `k { ... }`, inside it, levels would be 0 = `k`, 1 = `j`, and 2 = `i`.
-	loop_level: u32,
-) -> f64 {
+	loop_level: Item<u32>,
+) -> Item<f64> {
+	let loop_level = *loop_level.element();
 	// The chain's innermost entry is the consuming input's own lane from the
 	// decompose-and-promote split; the loops the reader counts sit above it.
-	ctx.try_index().and_then(|mut iter| iter.nth(loop_level as usize + 1)).unwrap_or(0) as f64
+	Item::new_from_element(ctx.try_index().and_then(|mut iter| iter.nth(loop_level as usize + 1)).unwrap_or(0) as f64)
 }
--- a/node-graph/nodes/gcore/src/debug.rs
+++ b/node-graph/nodes/gcore/src/debug.rs
@@ -1,35 +1,11 @@
 use core_types::Ctx;
+use core_types::list::Item;
 use glam::{DAffine2, DVec2};
-use raster_types::{CPU, Raster};

 /// Meant for debugging purposes, not general use. Logs the input value to the console and passes it through unchanged.
 #[node_macro::node(category("Debug"), name("Log to Console"))]
-fn log_to_console<T: std::fmt::Debug>(_: impl Ctx, #[implementations(bool, f64, u32, u64, DVec2, DAffine2, String)] value: T) -> T {
+fn log_to_console<T: std::fmt::Debug>(_: impl Ctx, #[implementations(bool, f64, u32, u64, DVec2, DAffine2, String)] value: Item<T>) -> Item<T> {
 	// KEEP THIS `debug!()` - It acts as the output for the debug node itself
 	log::debug!("{value:#?}");
 	value
 }
-
-/// Meant for debugging purposes, not general use. Returns the size of the input type in bytes.
-#[node_macro::node(category("Debug"))]
-fn size_of(_: impl Ctx, ty: core_types::Type) -> Option<usize> {
-	ty.size()
-}
-
-/// Meant for debugging purposes, not general use. Wraps the input value in the Some variant of an Option.
-#[node_macro::node(category("Debug"))]
-fn some<T>(_: impl Ctx, #[implementations(f64, f32, u32, u64, String)] input: T) -> Option<T> {
-	Some(input)
-}
-
-/// Meant for debugging purposes, not general use. Unwraps the input value from an Option, returning the default value if the input is None.
-#[node_macro::node(category("Debug"))]
-fn unwrap_option<T: Default>(_: impl Ctx, #[implementations(Option<f64>, Option<u32>, Option<u64>, Option<String>)] input: Option<T>) -> T {
-	input.unwrap_or_default()
-}
-
-/// Clones the element out of its record input.
-#[node_macro::node(category("Debug"))]
-fn clone<T: Clone>(_: impl Ctx, #[implementations(Raster<CPU>, f64)] value: &T) -> T {
-	value.clone()
-}
--- a/node-graph/nodes/gcore/src/extract_xy.rs
+++ b/node-graph/nodes/gcore/src/extract_xy.rs
@@ -1,3 +1,4 @@
+use core_types::list::Item;
 use core_types::{CacheHash, Ctx};
 use dyn_any::DynAny;
 use glam::{DVec2, IVec2, UVec2};
@@ -6,11 +7,16 @@ use glam::{DVec2, IVec2, UVec2};
 ///
 /// The inverse of this node is "Vec2 Value", which can have either or both its X and Y parameters exposed as graph inputs.
 #[node_macro::node(name("Extract XY"), category("Math: Vector"))]
-fn extract_xy<T: Into<DVec2>>(_: impl Ctx, #[implementations(DVec2, IVec2, UVec2)] vector: T, axis: XY) -> f64 {
-	match axis {
+fn extract_xy<T: Into<DVec2>>(_: impl Ctx, #[implementations(DVec2, IVec2, UVec2)] vector: Item<T>, axis: Item<XY>) -> Item<f64> {
+	let vector = vector.into_element();
+	let axis = axis.into_element();
+
+	let result = match axis {
 		XY::X => vector.into().x,
 		XY::Y => vector.into().y,
-	}
+	};
+
+	Item::new_from_element(result)
 }

 /// The X or Y component of a vec2.
--- a/node-graph/nodes/gstd/src/lib.rs
+++ b/node-graph/nodes/gstd/src/lib.rs
@@ -58,7 +58,7 @@ pub mod subpath {
 }

 pub mod gradient {
-	pub use vector_types::{GradientStop, GradientStops};
+	pub use vector_types::{Gradient, GradientStop};
 }

 pub mod transform {
--- a/node-graph/nodes/gstd/src/platform_application_io.rs
+++ b/node-graph/nodes/gstd/src/platform_application_io.rs
@@ -6,11 +6,13 @@ use canvas_utils::{Canvas, CanvasHandle};
 use core_types::attribute::{Attr, OwnedAttr, Transform};
 use core_types::color::SRGBA8;
 use core_types::gpoll::GPoll;
+use core_types::list::Item;
 #[cfg(target_family = "wasm")]
 use core_types::list::List;

 #[cfg(target_family = "wasm")]
 use core_types::math::bbox::Bbox;
+use core_types::ops::Convert;
 use core_types::runtime::SourceFuture;
 #[cfg(target_family = "wasm")]
 use core_types::transform::Footprint;
@@ -31,12 +33,11 @@ use graphic_types::Vector;
 #[cfg(target_family = "wasm")]
 use graphic_types::markers::EditorMergedLayers;
 use graphic_types::raster_types::Image;
-use graphic_types::raster_types::{CPU, Raster};
+use graphic_types::raster_types::{CPU, GPU, Raster};
 #[cfg(target_family = "wasm")]
-use graphic_types::vector_types::gradient::GradientStops;
+use graphic_types::vector_types::gradient::Gradient;
 #[cfg(target_family = "wasm")]
 use rendering::{Render, RenderParams, RenderSvgSegmentList, SvgRender};
-use std::sync::Arc;

 fn parse_headers(headers: &str) -> reqwest::header::HeaderMap {
 	use reqwest::header::{HeaderMap, HeaderName, HeaderValue};
@@ -59,11 +60,14 @@ async fn get_request(
 	_primary: (),
 	/// The web address to send the GET request to.
 	#[name("URL")]
-	url: String,
+	url: Item<String>,
 	/// Makes the request run in the background without waiting on a response. This is useful for triggering webhooks without blocking the continued execution of the graph.
-	discard_result: bool,
-	#[widget(ParsedWidgetOverride::Custom = "text_area")] headers: String,
-) -> String {
+	discard_result: Item<bool>,
+	#[widget(ParsedWidgetOverride::Custom = "text_area")] headers: Item<String>,
+) -> Item<String> {
+	let (url, headers) = (url.into_element(), headers.into_element());
+	let discard_result = *discard_result.element();
+
 	let header_map = parse_headers(&headers);
 	let request = reqwest::Client::new().get(url).headers(header_map);

@@ -76,13 +80,13 @@ async fn get_request(
 		tokio::spawn(async move {
 			let _ = request.send().await;
 		});
-		return String::new();
+		return Item::default();
 	}

 	let Ok(response) = request.send().await else {
-		return String::new();
+		return Item::default();
 	};
-	response.text().await.ok().unwrap_or_default()
+	Item::new_from_element(response.text().await.ok().unwrap_or_default())
 }

 /// Sends an HTTP POST request to a specified URL with the provided binary data and optionally waits for the response (unless discarded) which is output as a string.
@@ -92,16 +96,19 @@ async fn post_request(
 	_primary: (),
 	/// The web address to send the POST request to.
 	#[name("URL")]
-	url: String,
+	url: Item<String>,
 	/// The binary data to include in the body of the POST request.
-	body: Arc<[u8]>,
+	body: Item<Resource>,
 	/// Makes the request run in the background without waiting on a response. This is useful for triggering webhooks without blocking the continued execution of the graph.
-	discard_result: bool,
-	#[widget(ParsedWidgetOverride::Custom = "text_area")] headers: String,
-) -> String {
+	discard_result: Item<bool>,
+	#[widget(ParsedWidgetOverride::Custom = "text_area")] headers: Item<String>,
+) -> Item<String> {
+	let (url, headers) = (url.into_element(), headers.into_element());
+	let discard_result = *discard_result.element();
+
 	let mut header_map = parse_headers(&headers);
 	header_map.insert("Content-Type", "application/octet-stream".parse().unwrap());
-	let body_bytes: Vec<u8> = body.to_vec();
+	let body_bytes: Vec<u8> = body.element().as_ref().to_vec();
 	let request = reqwest::Client::new().post(url).body(body_bytes).headers(header_map);

 	if discard_result {
@@ -113,29 +120,26 @@ async fn post_request(
 		tokio::spawn(async move {
 			let _ = request.send().await;
 		});
-		return String::new();
+		return Item::default();
 	}

 	let Ok(response) = request.send().await else {
-		return String::new();
+		return Item::default();
 	};
-	response.text().await.ok().unwrap_or_default()
+	Item::new_from_element(response.text().await.ok().unwrap_or_default())
 }

 /// Converts a text string to raw binary data. Useful for transmission over HTTP or writing to files.
 #[node_macro::node(category("Web Request"), name("String to Bytes"))]
-fn string_to_bytes(_: impl Ctx, string: String) -> Arc<[u8]> {
-	Arc::from(string.into_bytes())
+fn string_to_bytes(_: impl Ctx, string: Item<String>) -> Item<Resource> {
+	Item::new_from_element(Resource::new(string.into_element().into_bytes()))
 }

 /// Converts extracted raw RGBA pixel data from an input image. Each pixel becomes 4 sequential bytes. Useful for transmission over HTTP or writing to files.
 #[node_macro::node(category("Web Request"), name("Image to Bytes"))]
-fn image_to_bytes(_: impl Ctx, image: IList<Raster<CPU>>) -> Arc<[u8]> {
-	if image.is_empty() {
-		return Arc::from(Vec::new());
-	}
+fn image_to_bytes(_: impl Ctx, image: Item<Raster<CPU>>) -> Item<Resource> {
 	let bytes: Vec<u8> = image
-		.element_ref(0)
+		.element()
 		.data
 		.iter()
 		.flat_map(|color| {
@@ -143,13 +147,15 @@ fn image_to_bytes(_: impl Ctx, image: IList<Raster<CPU>>) -> Arc<[u8]> {
 			[red, green, blue, alpha]
 		})
 		.collect();
-	Arc::from(bytes)
+
+	Item::new_from_element(Resource::new(bytes))
 }

 /// Loads binary from URLs and local asset paths. Returns a transparent placeholder if the resource fails to load, allowing rendering to continue.
 #[node_macro::node(category("Web Request"))]
-async fn load_resource(_: impl Ctx, _primary: (), #[name("URL")] url: String) -> Arc<[u8]> {
-	let placeholder = || -> Arc<[u8]> { Arc::from(Vec::<u8>::new()) };
+async fn load_resource(_: impl Ctx, _primary: (), #[name("URL")] url: Item<String>) -> Item<Resource> {
+	let url = url.into_element();
+	let placeholder = || -> Item<Resource> { Item::new_from_element(Resource::empty()) };

 	let response = match reqwest::Client::new().get(&url).send().await {
 		Ok(response) => response,
@@ -160,7 +166,7 @@ async fn load_resource(_: impl Ctx, _primary: (), #[name("URL")] url: String) ->
 	};

 	match response.bytes().await {
-		Ok(bytes) => Arc::from(bytes.to_vec()),
+		Ok(bytes) => Item::new_from_element(Resource::new(bytes)),
 		Err(error) => {
 			log::error!("Failed to read HTTP response for `{url}`: {error}");
 			placeholder()
@@ -172,10 +178,10 @@ async fn load_resource(_: impl Ctx, _primary: (), #[name("URL")] url: String) ->
 ///
 /// Works with standard image format (PNG, JPEG, WebP, etc.). Automatically converts the color space to linear sRGB for accurate compositing.
 #[node_macro::node(category("Web Request"))]
-fn decode_image(_: impl Ctx, data: Arc<[u8]>) -> Raster<CPU> {
-	// A zero-size raster renders as nothing, matching the legacy empty list
+fn decode_image(_: impl Ctx, data: Item<Resource>) -> Item<Raster<CPU>> {
+	let data = data.into_element();
 	let Some(image) = image::load_from_memory(data.as_ref()).ok() else {
-		return Raster::new_cpu(Image::default());
+		return Item::default();
 	};
 	let image = image.to_rgba32f();
 	let image = Image {
@@ -192,13 +198,13 @@ fn decode_image(_: impl Ctx, data: Arc<[u8]>) -> Raster<CPU> {
 		..Default::default()
 	};

-	Raster::new_cpu(image)
+	Item::new_from_element(Raster::new_cpu(image))
 }

 #[cfg(target_family = "wasm")]
 #[node_macro::node(category(""))]
-fn create_canvas(_: impl Ctx) -> CanvasHandle {
-	CanvasHandle::new()
+fn create_canvas(_: impl Ctx) -> Item<CanvasHandle> {
+	Item::new_from_element(CanvasHandle::new())
 }

 /// Renders a view of the input graphic within an area defined by the *Footprint*.
@@ -212,17 +218,21 @@ async fn rasterize<T: WasmNotSend + Clone>(
 		List<Raster<CPU>>,
 		List<Graphic>,
 		List<Color>,
-		List<GradientStops>,
+		List<Gradient>,
 	)]
-	mut data: List<T>,
-	footprint: Footprint,
-	mut canvas: CanvasHandle,
+	data: List<T>,
+	footprint: Item<Footprint>,
+	canvas: Item<CanvasHandle>,
 ) -> (Raster<CPU>, Attr<Transform>, OwnedAttr<EditorMergedLayers>)
 where
 	List<T>: Render + Clone + graphic_types::IntoGraphicList,
 {
+	let mut data = data;
+	let mut canvas = canvas.into_element();
 	use glam::{DAffine2, DVec2};

+	let footprint = footprint.into_element();
+
 	if footprint.transform.matrix2.determinant() == 0. {
 		log::trace!("Invalid footprint received for rasterization");
 		// A zero-size raster renders as nothing, matching the legacy empty list
@@ -274,7 +284,7 @@ where
 }

 #[node_macro::node(category(""), inject_scope)]
-pub fn editor_api(_: impl Ctx, #[scope("editor-api")] editor_api: Arc<PlatformEditorApi>) -> Arc<PlatformEditorApi> {
+pub fn editor_api(_: impl Ctx, #[scope("editor-api")] editor_api: Item<Arc<PlatformEditorApi>>) -> Item<Arc<PlatformEditorApi>> {
 	editor_api
 }

--- a/node-graph/nodes/gstd/src/render_background.rs
+++ b/node-graph/nodes/gstd/src/render_background.rs
@@ -1,5 +1,6 @@
 use core_types::ExtractVarArgs;
 use core_types::color::Linear;
+use core_types::list::Item;
 use core_types::transform::Footprint;
 use core_types::uuid::generate_uuid;
 use core_types::{Ctx, ExtractFootprint};
@@ -12,7 +13,11 @@ use wgpu::util::DeviceExt;
 use wgpu_executor::{WgpuExecutor, WgpuPipeline, WgpuPipelineCache};

 #[node_macro::node(category(""))]
-fn render_background(ctx: impl Ctx + ExtractFootprint + ExtractVarArgs, #[scope(composite_background_pipeline::IDENTIFIER)] pipeline: WgpuPipelineCache, data: RenderOutput) -> RenderOutput {
+fn render_background(
+	ctx: impl Ctx + ExtractFootprint + ExtractVarArgs,
+	#[scope(composite_background_pipeline::IDENTIFIER)] pipeline: Item<WgpuPipelineCache>,
+	data: Item<RenderOutput>,
+) -> Item<RenderOutput> {
 	let footprint = ctx.footprint();
 	let render_params = ctx
 		.vararg(0)
@@ -24,14 +29,14 @@ fn render_background(ctx: impl Ctx + ExtractFootprint + ExtractVarArgs, #[scope(
 		return data;
 	}

-	let RenderOutput { data: foreground_data, metadata } = data;
+	let RenderOutput { data: foreground_data, metadata } = data.into_element();
 	let mut render_params = render_params.clone();
 	render_params.footprint = *footprint;

 	let data = match foreground_data {
 		RenderOutputType::Texture(foreground_texture) => {
 			let doc_to_screen = render_params.footprint.transform.as_affine2();
-			let blended = pipeline.run::<CompositeBackground>(&CompositeBackgroundArgs {
+			let blended = pipeline.into_element().run::<CompositeBackground>(&CompositeBackgroundArgs {
 				foreground: foreground_texture.as_ref(),
 				backgrounds: &metadata.backgrounds,
 				document_to_screen: doc_to_screen,
@@ -111,19 +116,19 @@ fn render_background(ctx: impl Ctx + ExtractFootprint + ExtractVarArgs, #[scope(
 		_ => unreachable!("Render background node received unsupported render output type"),
 	};

-	RenderOutput { data, metadata }
+	Item::new_from_element(RenderOutput { data, metadata })
 }

 #[node_macro::node(category(""), inject_scope)]
 fn composite_background_pipeline(
 	_ctx: impl Ctx,
-	#[scope(crate::platform_application_io::try_wgpu_executor::IDENTIFIER)] executor: Option<wgpu_executor::WgpuExecutorHandle>,
+	#[scope(crate::platform_application_io::try_wgpu_executor::IDENTIFIER)] executor: Item<Option<wgpu_executor::WgpuExecutorHandle>>,
 	#[data] pipeline: WgpuPipelineCache,
-) -> WgpuPipelineCache {
-	if let Some(executor) = executor {
+) -> Item<WgpuPipelineCache> {
+	if let Some(executor) = executor.into_element() {
 		executor.pipeline_init::<CompositeBackground>(pipeline);
 	}
-	pipeline.clone()
+	Item::new_from_element(pipeline.clone())
 }

 pub struct CompositeBackground {
--- a/node-graph/nodes/gstd/src/render_cache.rs
+++ b/node-graph/nodes/gstd/src/render_cache.rs
@@ -1,6 +1,7 @@
 //! Tile-based render caching for efficient viewport panning.

 use core_types::gpoll::Interrupt;
+use core_types::list::Item;
 use core_types::math::bbox::AxisAlignedBbox;
 use core_types::transform::{Footprint, RenderQuality, Transform};
 use core_types::{Ctx, DeriveCtx, ExtractAll};
@@ -323,11 +324,11 @@ fn flood_fill(start: &TileCoord, tile_set: &HashSet<TileCoord>, visited: &mut Ha
 #[node_macro::node(category(""))]
 pub fn render_output_cache(
 	ctx: impl Ctx + ExtractAll + DeriveCtx,
-	#[scope(crate::platform_application_io::try_wgpu_executor::IDENTIFIER)] executor: Option<wgpu_executor::WgpuExecutorHandle>,
-	#[scope(crate::platform_application_io::editor_api::IDENTIFIER)] editor_api: std::sync::Arc<PlatformEditorApi>,
-	data: impl Node<Context<'_>, Output = RenderOutput>,
+	#[scope(crate::platform_application_io::try_wgpu_executor::IDENTIFIER)] executor: Item<Option<wgpu_executor::WgpuExecutorHandle>>,
+	#[scope(crate::platform_application_io::editor_api::IDENTIFIER)] editor_api: Item<std::sync::Arc<PlatformEditorApi>>,
+	data: impl Node<Context<'_>, Output = Item<RenderOutput>>,
 	#[data] tile_cache: TileCache,
-) -> Result<RenderOutput, Interrupt> {
+) -> Result<Item<RenderOutput>, Interrupt> {
 	let footprint = *ctx.footprint();
 	let Some(render_params) = ctx.vararg(0).ok().and_then(|v| v.downcast_ref::<RenderParams>()) else {
 		log::warn!("render_output_cache: missing or invalid render params, falling back to direct render");
@@ -349,7 +350,7 @@ pub fn render_output_cache(
 		end: footprint.resolution.as_dvec2() - device_origin_offset,
 	};

-	let max_region_area = editor_api.editor_preferences.max_render_region_area();
+	let max_region_area = editor_api.into_element().editor_preferences.max_render_region_area();

 	let cache_key = CacheKey::new(
 		max_region_area,
@@ -416,15 +417,15 @@ pub fn render_output_cache(
 		return data.eval(&ctx.derived());
 	}

-	let executor = executor.expect("GPU executor not available");
+	let executor = executor.into_element().expect("GPU executor not available");
 	let output_texture = executor.request_texture(physical_resolution);

 	let combined_metadata = composite_cached_regions(&all_regions, &output_texture, &device_origin_offset, &footprint.transform, &executor);

-	Ok(RenderOutput {
+	Ok(Item::new_from_element(RenderOutput {
 		data: RenderOutputType::Texture(output_texture),
 		metadata: combined_metadata,
-	})
+	}))
 }

 fn composite_cached_regions(
--- a/node-graph/nodes/gstd/src/render_node.rs
+++ b/node-graph/nodes/gstd/src/render_node.rs
@@ -1,5 +1,5 @@
 use core_types::gpoll::Interrupt;
-use core_types::list::List;
+use core_types::list::{Item, List};
 use core_types::transform::{Footprint, Transform};
 use core_types::{Color, Context, Ctx, DeriveCtx, ExtractFootprint, ExtractIndex, ExtractVarArgs, InjectIndex, VarArgLink, VarArgSlots, WasmNotSend};
 use graph_craft::document::value::{RenderOutput, RenderOutputType};
@@ -26,7 +26,7 @@ fn intermediate_of<R: Render>(data: &R, render_params: &RenderParams) -> RenderI
 	let footprint = Footprint::default();
 	let mut metadata = RenderMetadata::default();
 	data.collect_metadata(&mut metadata, footprint, None);
-	match &render_params.render_output_type {
+	let intermediate = match &render_params.render_output_type {
 		RenderOutputTypeRequest::Vello => {
 			let mut scene = vello::Scene::new();

@@ -48,7 +48,9 @@ fn intermediate_of<R: Render>(data: &R, render_params: &RenderParams) -> RenderI
 				metadata,
 			}
 		}
-	}
+	};
+
+	Item::new_from_element(intermediate)
 }

 #[node_macro::node(category(""))]
@@ -99,9 +101,9 @@ where
 #[node_macro::node(category(""))]
 fn render(
 	ctx: impl Ctx + ExtractFootprint + ExtractVarArgs,
-	#[scope(crate::platform_application_io::try_wgpu_executor::IDENTIFIER)] executor: Option<wgpu_executor::WgpuExecutorHandle>,
-	data: RenderIntermediate,
-) -> RenderOutput {
+	#[scope(crate::platform_application_io::try_wgpu_executor::IDENTIFIER)] executor: Item<Option<wgpu_executor::WgpuExecutorHandle>>,
+	data: Item<RenderIntermediate>,
+) -> Item<RenderOutput> {
 	let footprint = ctx.footprint();
 	let render_params = ctx
 		.vararg(0)
@@ -111,7 +113,7 @@ fn render(
 	let mut render_params = render_params.clone();
 	render_params.footprint = *footprint;

-	let RenderIntermediate { ty, mut metadata } = data;
+	let RenderIntermediate { ty, mut metadata } = data.into_element();
 	metadata.apply_transform(footprint.transform);

 	let data = match (render_params.render_output_type, ty) {
@@ -154,6 +156,7 @@ fn render(
 			}

 			let texture = executor
+				.into_element()
 				.expect("GPU executor not available")
 				.render_vello_scene(&transformed_scene, footprint.resolution, context, None)
 				.expect("Failed to render Vello scene");
@@ -162,7 +165,7 @@ fn render(
 		_ => unreachable!("Render node did not receive its requested data type"),
 	};

-	RenderOutput { data, metadata }
+	Item::new_from_element(RenderOutput { data, metadata })
 }

 #[node_macro::node(category(""))]
--- a/node-graph/nodes/gstd/src/render_pixel_preview.rs
+++ b/node-graph/nodes/gstd/src/render_pixel_preview.rs
@@ -1,4 +1,5 @@
 use core_types::gpoll::Interrupt;
+use core_types::list::Item;
 use core_types::transform::{Footprint, Transform};
 use core_types::{Ctx, DeriveCtx, ExtractAll};
 use glam::{DAffine2, DVec2, UVec2, Vec2};
@@ -11,9 +12,9 @@ use wgpu_executor::{WgpuExecutor, WgpuPipeline, WgpuPipelineCache};
 #[node_macro::node(category(""))]
 pub fn render_pixel_preview(
 	ctx: impl Ctx + ExtractAll + DeriveCtx,
-	#[scope(pixel_preview_pipeline::IDENTIFIER)] pipeline: WgpuPipelineCache,
-	data: impl Node<Context<'_>, Output = RenderOutput>,
-) -> Result<RenderOutput, Interrupt> {
+	#[scope(pixel_preview_pipeline::IDENTIFIER)] pipeline: Item<WgpuPipelineCache>,
+	data: impl Node<Context<'_>, Output = Item<RenderOutput>>,
+) -> Result<Item<RenderOutput>, Interrupt> {
 	let Some(render_params) = ctx.vararg(0).ok().and_then(|v| v.downcast_ref::<RenderParams>()).cloned() else {
 		log::error!("invalid render params for pixel preview");
 		return data.eval(&ctx.derived());
@@ -51,14 +52,16 @@ pub fn render_pixel_preview(
 	};

 	let scoped = ctx.push_vararg(&render_params);
-	let mut result = data.eval(&scoped.ctx().with_footprint(&upstream_footprint))?;
+	let mut result = data.eval(&scoped.ctx().with_footprint(&upstream_footprint))?.into_element();

-	let RenderOutputType::Texture(ref source_texture) = result.data else { return Ok(result) };
+	let RenderOutputType::Texture(ref source_texture) = result.data else {
+		return Ok(Item::new_from_element(result));
+	};

 	let logical_transform = DAffine2::from_scale(DVec2::splat(1. / physical_scale)) * footprint.transform;
 	let transform = DAffine2::from_translation(-upstream_min) * logical_transform.inverse() * DAffine2::from_scale(logical_resolution);

-	let resampled = pipeline.run::<PixelPreview>(&PixelPreviewArgs {
+	let resampled = pipeline.into_element().run::<PixelPreview>(&PixelPreviewArgs {
 		source: source_texture.as_ref(),
 		transform: &transform,
 		size: physical_resolution,
@@ -68,19 +71,19 @@ pub fn render_pixel_preview(

 	result.metadata.apply_transform(footprint.transform * DAffine2::from_translation(upstream_min));

-	Ok(result)
+	Ok(Item::new_from_element(result))
 }

 #[node_macro::node(category(""), inject_scope)]
 fn pixel_preview_pipeline(
 	_ctx: impl Ctx,
-	#[scope(crate::platform_application_io::try_wgpu_executor::IDENTIFIER)] executor: Option<wgpu_executor::WgpuExecutorHandle>,
+	#[scope(crate::platform_application_io::try_wgpu_executor::IDENTIFIER)] executor: Item<Option<wgpu_executor::WgpuExecutorHandle>>,
 	#[data] pipeline: WgpuPipelineCache,
-) -> WgpuPipelineCache {
-	if let Some(executor) = executor {
+) -> Item<WgpuPipelineCache> {
+	if let Some(executor) = executor.into_element() {
 		executor.pipeline_init::<PixelPreview>(pipeline);
 	}
-	pipeline.clone()
+	Item::new_from_element(pipeline.clone())
 }

 pub struct PixelPreview {
--- a/node-graph/nodes/gstd/src/text.rs
+++ b/node-graph/nodes/gstd/src/text.rs
@@ -1,11 +1,11 @@
 use core_types::consts::{DEFAULT_FONT_SIZE, DEFAULT_LINE_HEIGHT};
-use core_types::list::List;
-use core_types::{ATTR_FONT_SIZE, ATTR_LETTER_SPACING, ATTR_LETTER_TILT, ATTR_LINE_HEIGHT, ATTR_MAX_HEIGHT, ATTR_MAX_WIDTH, Ctx};
+use core_types::list::{Item, List};
+use core_types::{ATTR_FONT, ATTR_FONT_SIZE, ATTR_LETTER_SPACING, ATTR_LETTER_TILT, ATTR_LINE_HEIGHT, ATTR_MAX_HEIGHT, ATTR_MAX_WIDTH, ATTR_TEXT_ALIGN, Ctx};
 use graph_craft::application_io::resource::Resource;
 use graphic_types::Vector;
 pub use text_nodes::*;

-/// Produces a styled `String[]` carrying all typographic attributes.
+/// Produces a styled text string carrying all typographic attributes.
 ///
 /// Use the **Text to Vector** node to convert this into vector geometry if desired.
 #[node_macro::node(category("Text"))]
@@ -15,15 +15,15 @@ fn text(
 	/// The text content to be drawn.
 	#[widget(ParsedWidgetOverride::Custom = "text_area")]
 	#[default("Lorem ipsum")]
-	text: String,
+	text: Item<String>,
 	/// The loaded font file used to draw the text. The editor resolves the chosen typeface to these bytes via the resource system.
 	#[widget(ParsedWidgetOverride::Custom = "text_font")]
-	font: Resource,
+	font: Item<Resource>,
 	/// The font size used to draw the text.
 	#[unit(" px")]
 	#[default(24.)]
 	#[hard(1..)]
-	size: f64,
+	size: Item<f64>,
 	/// The line height ratio, relative to the font size. Each line is drawn lower than its previous line by the distance of *Size* × *Line Height*.
 	///
 	/// 0 means all lines overlap. 1 means all lines are spaced by just the font size. 1.2 is a common default for readable text. 2 means double-spaced text.
@@ -31,74 +31,87 @@ fn text(
 	#[hard(0..)]
 	#[step(0.1)]
 	#[default(1.2)]
-	line_height: f64,
+	line_height: Item<f64>,
 	/// Additional spacing, in pixels, added between each character.
 	#[unit(" px")]
 	#[step(0.1)]
-	letter_spacing: f64,
+	letter_spacing: Item<f64>,
 	/// The angle of faux italic slant applied to each glyph.
 	#[unit("°")]
 	#[hard(-85..85)]
-	letter_tilt: f64,
+	letter_tilt: Item<f64>,
 	/// Enables the maximum width constraint so lines can wrap.
 	#[widget(ParsedWidgetOverride::Hidden)]
-	has_max_width: bool,
+	has_max_width: Item<bool>,
 	/// The maximum width that the text block can occupy before wrapping to a new line. Otherwise, lines do not wrap.
 	#[unit(" px")]
 	#[hard(1..)]
 	#[widget(ParsedWidgetOverride::Custom = "optional_f64")]
-	max_width: f64,
+	max_width: Item<f64>,
 	/// Whether the *Max Height* property is enabled so that lines beyond it are not drawn.
 	#[widget(ParsedWidgetOverride::Hidden)]
-	has_max_height: bool,
+	has_max_height: Item<bool>,
 	/// The maximum height that the text block can occupy. Excess lines are not drawn.
 	#[unit(" px")]
 	#[hard(1..)]
 	#[widget(ParsedWidgetOverride::Custom = "optional_f64")]
-	max_height: f64,
+	max_height: Item<f64>,
 	/// The horizontal alignment of each line of text within its surrounding box. To have an effect on a single line of text, *Max Width* must be set.
 	#[widget(ParsedWidgetOverride::Custom = "text_align")]
-	align: TextAlign,
-) -> List<String> {
-	let mut list = List::new_from_element(text);
+	align: Item<TextAlign>,
+) -> Item<String> {
+	let text = text.into_element();
+	let font = font.into_element();
+	let (size, line_height, letter_spacing, letter_tilt) = (*size.element(), *line_height.element(), *letter_spacing.element(), *letter_tilt.element());
+	let (has_max_width, max_width, has_max_height, max_height) = (*has_max_width.element(), *max_width.element(), *has_max_height.element(), *max_height.element());
+	let align = align.into_element();
+
+	let mut item = Item::new_from_element(text);

 	if font != Resource::default() {
-		list.set_attribute(ATTR_FONT, 0, font);
+		item.set_attribute(ATTR_FONT, font);
 	}
 	if (size - DEFAULT_FONT_SIZE).abs() > f64::EPSILON {
-		list.set_attribute(ATTR_FONT_SIZE, 0, size);
+		item.set_attribute(ATTR_FONT_SIZE, size);
 	}
 	if (line_height - DEFAULT_LINE_HEIGHT).abs() > f64::EPSILON {
-		list.set_attribute(ATTR_LINE_HEIGHT, 0, line_height);
+		item.set_attribute(ATTR_LINE_HEIGHT, line_height);
 	}
 	if letter_spacing != 0. {
-		list.set_attribute(ATTR_LETTER_SPACING, 0, letter_spacing);
+		item.set_attribute(ATTR_LETTER_SPACING, letter_spacing);
 	}
 	if letter_tilt != 0. {
-		list.set_attribute(ATTR_LETTER_TILT, 0, letter_tilt);
+		item.set_attribute(ATTR_LETTER_TILT, letter_tilt);
 	}
 	if has_max_width {
-		list.set_attribute(ATTR_MAX_WIDTH, 0, Some(max_width));
+		item.set_attribute(ATTR_MAX_WIDTH, Some(max_width));
 	}
 	if has_max_height {
-		list.set_attribute(ATTR_MAX_HEIGHT, 0, Some(max_height));
+		item.set_attribute(ATTR_MAX_HEIGHT, Some(max_height));
 	}
 	if align != TextAlign::default() {
-		list.set_attribute(ATTR_TEXT_ALIGN, 0, align);
+		item.set_attribute(ATTR_TEXT_ALIGN, align);
 	}

-	list
+	item
 }

-/// Converts a styled `String[]` into vector geometry.
+/// Converts a styled text string into a vector compound path.
 #[node_macro::node(category("Text"), name("Text to Vector"))]
 fn text_to_vector(
 	_: impl Ctx,
-	/// A styled list of text strings produced by the **Text** node (or any other `String[]` source).
-	#[implementations(List<String>)]
-	strings: List<String>,
-	/// Whether to split every letterform into its own vector item. Otherwise, a single vector compound path is produced.
-	separate_glyphs: bool,
-) -> List<Vector> {
-	shape_text_list(&strings, separate_glyphs)
+	/// A styled text string produced by the **Text** node (or any other string source).
+	string: Item<String>,
+) -> Item<Vector> {
+	shape_text_item(&string, false).into_iter().next().unwrap_or_default()
+}
+
+/// Splits a styled text string into a separate vector item for each of its glyphs (letterforms).
+#[node_macro::node(category("Text"), name("Text to Vector Glyphs"))]
+fn text_to_vector_glyphs(
+	_: impl Ctx,
+	/// A styled text string produced by the **Text** node (or any other string source).
+	string: Item<String>,
+) -> List<Vector> {
+	shape_text_item(&string, true)
 }
--- a/node-graph/nodes/math/src/lib.rs
+++ b/node-graph/nodes/math/src/lib.rs
--- a/node-graph/nodes/raster/src/adjust.rs
+++ b/node-graph/nodes/raster/src/adjust.rs
@@ -13,7 +13,7 @@ impl Adjust<Color> for Color {
 mod adjust_std {
 	use super::*;
 	use raster_types::{CPU, Raster};
-	use vector_types::GradientStops;
+	use vector_types::Gradient;

 	impl Adjust<Color> for Raster<CPU> {
 		fn adjust(&mut self, map_fn: impl Fn(&Color) -> Color) {
@@ -22,7 +22,7 @@ mod adjust_std {
 			}
 		}
 	}
-	impl Adjust<Color> for GradientStops {
+	impl Adjust<Color> for Gradient {
 		fn adjust(&mut self, map_fn: impl Fn(&Color) -> Color) {
 			for color in self.color.iter_mut() {
 				*color = map_fn(color);
--- a/node-graph/nodes/raster/src/adjustments.rs
+++ b/node-graph/nodes/raster/src/adjustments.rs
@@ -3,9 +3,13 @@
 use crate::adjust::Adjust;
 use crate::cubic_spline::CubicSplines;
 use core::fmt::Debug;
+#[cfg(feature = "std")]
+use core_types::list::Item;
 use glam::Vec3;
 use no_std_types::color::{Color, linear_to_srgb, srgb_to_linear};
 use no_std_types::context::Ctx;
+#[cfg(not(feature = "std"))]
+use no_std_types::list::ShaderItem as Item;
 use no_std_types::registry::types::{AngleF32, PercentageF32, SignedPercentageF32};
 use node_macro::BufferStruct;
 use num_enum::{FromPrimitive, IntoPrimitive};
@@ -14,7 +18,7 @@ use num_traits::float::Float;
 #[cfg(feature = "std")]
 use raster_types::{CPU, Raster};
 #[cfg(feature = "std")]
-use vector_types::GradientStops;
+use vector_types::Gradient;

 // TODO: Implement the following:
 // Color Balance
@@ -53,13 +57,16 @@ fn luminance<T: Adjust<Color> + Clone + Send + Sync + no_std_types::context::Cac
 	#[implementations(
 		Raster<CPU>,
 		Color,
-		GradientStops,
+		Gradient,
 	)]
 	#[gpu_image]
-	mut input: T,
-	luminance_calc: LuminanceCalculation,
-) -> T {
-	input.adjust(|color| {
+	input: Item<T>,
+	luminance_calc: Item<LuminanceCalculation>,
+) -> Item<T> {
+	let mut input = input;
+	let luminance_calc = luminance_calc.into_element();
+
+	input.element_mut().adjust(|color| {
 		let luminance = match luminance_calc {
 			LuminanceCalculation::SRGB => color.luminance_rec_709(),
 			LuminanceCalculation::Perceptual => color.luminance_perceptual(),
@@ -78,19 +85,23 @@ fn gamma_correction<T: Adjust<Color> + Clone + Send + Sync + no_std_types::conte
 	#[implementations(
 		Raster<CPU>,
 		Color,
-		GradientStops,
+		Gradient,
 	)]
 	#[gpu_image]
-	mut input: T,
+	input: Item<T>,
 	#[default(2.2)]
 	#[range]
 	#[hard(0.0001..)]
 	#[soft(0.01..10)]
-	gamma: f32,
-	inverse: bool,
-) -> T {
+	gamma: Item<f32>,
+	inverse: Item<bool>,
+) -> Item<T> {
+	let mut input = input;
+	let gamma = gamma.into_element();
+	let inverse = inverse.into_element();
+
 	let exponent = if inverse { 1. / gamma } else { gamma };
-	input.adjust(|color| color.apply_gamma_exponent(exponent));
+	input.element_mut().adjust(|color| color.apply_gamma_exponent(exponent));
 	input
 }

@@ -100,13 +111,16 @@ fn extract_channel<T: Adjust<Color> + Clone + Send + Sync + no_std_types::contex
 	#[implementations(
 		Raster<CPU>,
 		Color,
-		GradientStops,
+		Gradient,
 	)]
 	#[gpu_image]
-	mut input: T,
-	channel: RedGreenBlueAlpha,
-) -> T {
-	input.adjust(|color| {
+	input: Item<T>,
+	channel: Item<RedGreenBlueAlpha>,
+) -> Item<T> {
+	let mut input = input;
+	let channel = channel.into_element();
+
+	input.element_mut().adjust(|color| {
 		let extracted_value = match channel {
 			RedGreenBlueAlpha::Red => color.r(),
 			RedGreenBlueAlpha::Green => color.g(),
@@ -124,12 +138,13 @@ fn make_opaque<T: Adjust<Color> + Clone + Send + Sync + no_std_types::context::C
 	#[implementations(
 		Raster<CPU>,
 		Color,
-		GradientStops,
+		Gradient,
 	)]
 	#[gpu_image]
-	mut input: T,
-) -> T {
-	input.adjust(|color| {
+	input: Item<T>,
+) -> Item<T> {
+	let mut input = input;
+	input.element_mut().adjust(|color| {
 		if color.a() == 0. {
 			return color.with_alpha(1.);
 		}
@@ -146,13 +161,17 @@ fn brightness_contrast_classic<T: Adjust<Color> + Clone + Send + Sync + no_std_t
 	#[implementations(
 		Raster<CPU>,
 		Color,
-		GradientStops,
+		Gradient,
 	)]
 	#[gpu_image]
-	mut input: T,
-	brightness: SignedPercentageF32,
-	contrast: SignedPercentageF32,
-) -> T {
+	input: Item<T>,
+	brightness: Item<SignedPercentageF32>,
+	contrast: Item<SignedPercentageF32>,
+) -> Item<T> {
+	let mut input = input;
+	let brightness = brightness.into_element();
+	let contrast = contrast.into_element();
+
 	let brightness = brightness / 255.;

 	let contrast = contrast / 100.;
@@ -160,7 +179,7 @@ fn brightness_contrast_classic<T: Adjust<Color> + Clone + Send + Sync + no_std_t

 	let offset = brightness * contrast + brightness - contrast / 2.;

-	input.adjust(|color| color.map_gamma_rgb(|c| (c + c * contrast + offset).clamp(0., 1.)));
+	input.element_mut().adjust(|color| color.map_gamma_rgb(|c| (c + c * contrast + offset).clamp(0., 1.)));

 	input
 }
@@ -177,18 +196,23 @@ fn brightness_contrast<T: Adjust<Color> + Clone + Send + Sync + no_std_types::co
 	#[implementations(
 		Raster<CPU>,
 		Color,
-		GradientStops,
+		Gradient,
 	)]
 	#[gpu_image]
-	mut input: T,
-	brightness: SignedPercentageF32,
-	contrast: SignedPercentageF32,
-	use_classic: bool,
-) -> T {
+	input: Item<T>,
+	brightness: Item<SignedPercentageF32>,
+	contrast: Item<SignedPercentageF32>,
+	use_classic: Item<bool>,
+) -> Item<T> {
+	let use_classic = use_classic.into_element();
 	if use_classic {
 		return brightness_contrast_classic(_ctx, input, brightness, contrast);
 	}

+	let mut input = input;
+	let brightness = brightness.into_element();
+	let contrast = contrast.into_element();
+
 	const WINDOW_SIZE: usize = 1024;

 	// Brightness LUT
@@ -239,7 +263,7 @@ fn brightness_contrast<T: Adjust<Color> + Clone + Send + Sync + no_std_types::co
 	});
 	let lut_max = (combined_lut.len() - 1) as f32;

-	input.adjust(|color| color.map_gamma_rgb(|c| combined_lut[(c * lut_max).round() as usize]));
+	input.element_mut().adjust(|color| color.map_gamma_rgb(|c| combined_lut[(c * lut_max).round() as usize]));

 	input
 }
@@ -258,17 +282,24 @@ fn levels<T: Adjust<Color> + Clone + Send + Sync + no_std_types::context::CacheH
 	#[implementations(
 		Raster<CPU>,
 		Color,
-		GradientStops,
+		Gradient,
 	)]
 	#[gpu_image]
-	mut image: T,
-	#[default(0.)] shadows: PercentageF32,
-	#[default(50.)] midtones: PercentageF32,
-	#[default(100.)] highlights: PercentageF32,
-	#[default(0.)] output_minimums: PercentageF32,
-	#[default(100.)] output_maximums: PercentageF32,
-) -> T {
-	image.adjust(|color| {
+	image: Item<T>,
+	#[default(0.)] shadows: Item<PercentageF32>,
+	#[default(50.)] midtones: Item<PercentageF32>,
+	#[default(100.)] highlights: Item<PercentageF32>,
+	#[default(0.)] output_minimums: Item<PercentageF32>,
+	#[default(100.)] output_maximums: Item<PercentageF32>,
+) -> Item<T> {
+	let mut image = image;
+	let shadows = shadows.into_element();
+	let midtones = midtones.into_element();
+	let highlights = highlights.into_element();
+	let output_minimums = output_minimums.into_element();
+	let output_maximums = output_maximums.into_element();
+
+	image.element_mut().adjust(|color| {
 		// Levels math operates in gamma space
 		let [mut r, mut g, mut b, a] = color.to_gamma_srgb_channels();

@@ -330,44 +361,52 @@ fn levels<T: Adjust<Color> + Clone + Send + Sync + no_std_types::context::CacheH
 // Algorithm from:
 // https://stackoverflow.com/a/55233732/775283
 // Works the same for gamma and linear color
-// TODO: Currently the un-List-wrapped `tint` Color is causing a type error. Put this back in the "Raster: Adjustment" category once that's fixed.
-#[node_macro::node(name("Black & White"), category(""), properties("black_and_white_properties"), shader_node(PerPixelAdjust))]
-fn black_and_white<T: Adjust<Color> + Clone + Send + Sync + no_std_types::context::CacheHash + 'static>(
+#[node_macro::node(name("Black & White"), category("Raster: Adjustment"), properties("black_and_white_properties"), shader_node(PerPixelAdjust))]
+fn black_and_white<T: Adjust<Color>>(
 	_: impl Ctx,
 	#[implementations(
 		Raster<CPU>,
 		Color,
-		GradientStops,
+		Gradient,
 	)]
 	#[gpu_image]
-	mut image: T,
-	#[default(Color::BLACK)] tint: Color,
+	image: Item<T>,
+	#[default(Color::BLACK)] tint: Item<Color>,
 	#[default(40.)]
 	#[range]
 	#[soft(-200..300)]
-	reds: PercentageF32,
+	reds: Item<PercentageF32>,
 	#[default(60.)]
 	#[range]
 	#[soft(-200..300)]
-	yellows: PercentageF32,
+	yellows: Item<PercentageF32>,
 	#[default(40.)]
 	#[range]
 	#[soft(-200..300)]
-	greens: PercentageF32,
+	greens: Item<PercentageF32>,
 	#[default(60.)]
 	#[range]
 	#[soft(-200..300)]
-	cyans: PercentageF32,
+	cyans: Item<PercentageF32>,
 	#[default(20.)]
 	#[range]
 	#[soft(-200..300)]
-	blues: PercentageF32,
+	blues: Item<PercentageF32>,
 	#[default(80.)]
 	#[range]
 	#[soft(-200..300)]
-	magentas: PercentageF32,
-) -> T {
-	image.adjust(|color| {
+	magentas: Item<PercentageF32>,
+) -> Item<T> {
+	let mut image = image;
+	let tint = tint.into_element();
+	let reds = reds.into_element();
+	let yellows = yellows.into_element();
+	let greens = greens.into_element();
+	let cyans = cyans.into_element();
+	let blues = blues.into_element();
+	let magentas = magentas.into_element();
+
+	image.element_mut().adjust(|color| {
 		// Black & White channel weights are tuned for gamma-space values
 		let [r, g, b, alpha_part] = color.to_gamma_srgb_channels();

@@ -420,15 +459,20 @@ fn hue_saturation<T: Adjust<Color> + Clone + Send + Sync + no_std_types::context
 	#[implementations(
 		Raster<CPU>,
 		Color,
-		GradientStops,
+		Gradient,
 	)]
 	#[gpu_image]
-	mut input: T,
-	hue_shift: AngleF32,
-	saturation_shift: SignedPercentageF32,
-	lightness_shift: SignedPercentageF32,
-) -> T {
-	input.adjust(|color| {
+	input: Item<T>,
+	hue_shift: Item<AngleF32>,
+	saturation_shift: Item<SignedPercentageF32>,
+	lightness_shift: Item<SignedPercentageF32>,
+) -> Item<T> {
+	let mut input = input;
+	let hue_shift = hue_shift.into_element();
+	let saturation_shift = saturation_shift.into_element();
+	let lightness_shift = lightness_shift.into_element();
+
+	input.element_mut().adjust(|color| {
 		// HSL operates on gamma-space channels
 		let [hue, saturation, lightness, alpha] = color.to_hsla();

@@ -452,12 +496,13 @@ fn invert<T: Adjust<Color> + Clone + Send + Sync + no_std_types::context::CacheH
 	#[implementations(
 		Raster<CPU>,
 		Color,
-		GradientStops,
+		Gradient,
 	)]
 	#[gpu_image]
-	mut input: T,
-) -> T {
-	input.adjust(|color| {
+	input: Item<T>,
+) -> Item<T> {
+	let mut input = input;
+	input.element_mut().adjust(|color| {
 		// Invert in gamma space relative to alpha
 		let [r, g, b, a] = color.to_gamma_srgb_channels();
 		Color::from_gamma_srgb_channels(a - r, a - g, a - b, a)
@@ -473,15 +518,20 @@ fn threshold<T: Adjust<Color> + Clone + Send + Sync + no_std_types::context::Cac
 	#[implementations(
 		Raster<CPU>,
 		Color,
-		GradientStops,
+		Gradient,
 	)]
 	#[gpu_image]
-	mut image: T,
-	#[default(50.)] min_luminance: PercentageF32,
-	#[default(100.)] max_luminance: PercentageF32,
-	luminance_calc: LuminanceCalculation,
-) -> T {
-	image.adjust(|color| {
+	image: Item<T>,
+	#[default(50.)] min_luminance: Item<PercentageF32>,
+	#[default(100.)] max_luminance: Item<PercentageF32>,
+	luminance_calc: Item<LuminanceCalculation>,
+) -> Item<T> {
+	let mut image = image;
+	let min_luminance = min_luminance.into_element();
+	let max_luminance = max_luminance.into_element();
+	let luminance_calc = luminance_calc.into_element();
+
+	image.element_mut().adjust(|color| {
 		let min_luminance = srgb_to_linear(min_luminance / 100.);
 		let max_luminance = srgb_to_linear(max_luminance / 100.);

@@ -519,13 +569,16 @@ fn vibrance<T: Adjust<Color> + Clone + Send + Sync + no_std_types::context::Cach
 	#[implementations(
 		Raster<CPU>,
 		Color,
-		GradientStops,
+		Gradient,
 	)]
 	#[gpu_image]
-	mut image: T,
-	vibrance: SignedPercentageF32,
-) -> T {
-	image.adjust(|color| {
+	image: Item<T>,
+	vibrance: Item<SignedPercentageF32>,
+) -> Item<T> {
+	let mut image = image;
+	let vibrance = vibrance.into_element();
+
+	image.element_mut().adjust(|color| {
 		let r_raw = color.r();
 		let g_raw = color.g();
 		let b_raw = color.b();
@@ -721,69 +774,76 @@ fn channel_mixer<T: Adjust<Color> + Clone + Send + Sync + no_std_types::context:
 	#[implementations(
 		Raster<CPU>,
 		Color,
-		GradientStops,
+		Gradient,
 	)]
 	#[gpu_image]
-	mut image: T,
+	image: Item<T>,

-	monochrome: bool,
+	monochrome: Item<bool>,

 	#[default(40.)]
 	#[name("Red")]
-	monochrome_r: f32,
+	monochrome_r: Item<f32>,
 	#[default(40.)]
 	#[name("Green")]
-	monochrome_g: f32,
+	monochrome_g: Item<f32>,
 	#[default(20.)]
 	#[name("Blue")]
-	monochrome_b: f32,
+	monochrome_b: Item<f32>,
 	#[default(0.)]
 	#[name("Constant")]
-	monochrome_c: f32,
+	monochrome_c: Item<f32>,

 	#[default(100.)]
 	#[name("(Red) Red")]
-	red_r: f32,
+	red_r: Item<f32>,
 	#[default(0.)]
 	#[name("(Red) Green")]
-	red_g: f32,
+	red_g: Item<f32>,
 	#[default(0.)]
 	#[name("(Red) Blue")]
-	red_b: f32,
+	red_b: Item<f32>,
 	#[default(0.)]
 	#[name("(Red) Constant")]
-	red_c: f32,
+	red_c: Item<f32>,

 	#[default(0.)]
 	#[name("(Green) Red")]
-	green_r: f32,
+	green_r: Item<f32>,
 	#[default(100.)]
 	#[name("(Green) Green")]
-	green_g: f32,
+	green_g: Item<f32>,
 	#[default(0.)]
 	#[name("(Green) Blue")]
-	green_b: f32,
+	green_b: Item<f32>,
 	#[default(0.)]
 	#[name("(Green) Constant")]
-	green_c: f32,
+	green_c: Item<f32>,

 	#[default(0.)]
 	#[name("(Blue) Red")]
-	blue_r: f32,
+	blue_r: Item<f32>,
 	#[default(0.)]
 	#[name("(Blue) Green")]
-	blue_g: f32,
+	blue_g: Item<f32>,
 	#[default(100.)]
 	#[name("(Blue) Blue")]
-	blue_b: f32,
+	blue_b: Item<f32>,
 	#[default(0.)]
 	#[name("(Blue) Constant")]
-	blue_c: f32,
+	blue_c: Item<f32>,

 	// Display-only properties (not used within the node)
-	_output_channel: RedGreenBlue,
-) -> T {
-	image.adjust(|color| {
+	_output_channel: Item<RedGreenBlue>,
+) -> Item<T> {
+	let mut image = image;
+	let monochrome = monochrome.into_element();
+	let (monochrome_r, monochrome_g, monochrome_b, monochrome_c) = (monochrome_r.into_element(), monochrome_g.into_element(), monochrome_b.into_element(), monochrome_c.into_element());
+	let (red_r, red_g, red_b, red_c) = (red_r.into_element(), red_g.into_element(), red_b.into_element(), red_c.into_element());
+	let (green_r, green_g, green_b, green_c) = (green_r.into_element(), green_g.into_element(), green_b.into_element(), green_c.into_element());
+	let (blue_r, blue_g, blue_b, blue_c) = (blue_r.into_element(), blue_g.into_element(), blue_b.into_element(), blue_c.into_element());
+
+	image.element_mut().adjust(|color| {
 		let [r, g, b, a] = color.to_gamma_srgb_channels();

 		let (out_r, out_g, out_b) = if monochrome {
@@ -853,61 +913,73 @@ fn selective_color<T: Adjust<Color> + Clone + Send + Sync + no_std_types::contex
 	#[implementations(
 		Raster<CPU>,
 		Color,
-		GradientStops,
+		Gradient,
 	)]
 	#[gpu_image]
-	mut image: T,
+	image: Item<T>,

-	mode: RelativeAbsolute,
+	mode: Item<RelativeAbsolute>,

-	#[name("(Reds) Cyan")] r_c: f32,
-	#[name("(Reds) Magenta")] r_m: f32,
-	#[name("(Reds) Yellow")] r_y: f32,
-	#[name("(Reds) Black")] r_k: f32,
+	#[name("(Reds) Cyan")] r_c: Item<f32>,
+	#[name("(Reds) Magenta")] r_m: Item<f32>,
+	#[name("(Reds) Yellow")] r_y: Item<f32>,
+	#[name("(Reds) Black")] r_k: Item<f32>,

-	#[name("(Yellows) Cyan")] y_c: f32,
-	#[name("(Yellows) Magenta")] y_m: f32,
-	#[name("(Yellows) Yellow")] y_y: f32,
-	#[name("(Yellows) Black")] y_k: f32,
+	#[name("(Yellows) Cyan")] y_c: Item<f32>,
+	#[name("(Yellows) Magenta")] y_m: Item<f32>,
+	#[name("(Yellows) Yellow")] y_y: Item<f32>,
+	#[name("(Yellows) Black")] y_k: Item<f32>,

-	#[name("(Greens) Cyan")] g_c: f32,
-	#[name("(Greens) Magenta")] g_m: f32,
-	#[name("(Greens) Yellow")] g_y: f32,
-	#[name("(Greens) Black")] g_k: f32,
+	#[name("(Greens) Cyan")] g_c: Item<f32>,
+	#[name("(Greens) Magenta")] g_m: Item<f32>,
+	#[name("(Greens) Yellow")] g_y: Item<f32>,
+	#[name("(Greens) Black")] g_k: Item<f32>,

-	#[name("(Cyans) Cyan")] c_c: f32,
-	#[name("(Cyans) Magenta")] c_m: f32,
-	#[name("(Cyans) Yellow")] c_y: f32,
-	#[name("(Cyans) Black")] c_k: f32,
+	#[name("(Cyans) Cyan")] c_c: Item<f32>,
+	#[name("(Cyans) Magenta")] c_m: Item<f32>,
+	#[name("(Cyans) Yellow")] c_y: Item<f32>,
+	#[name("(Cyans) Black")] c_k: Item<f32>,

-	#[name("(Blues) Cyan")] b_c: f32,
-	#[name("(Blues) Magenta")] b_m: f32,
-	#[name("(Blues) Yellow")] b_y: f32,
-	#[name("(Blues) Black")] b_k: f32,
+	#[name("(Blues) Cyan")] b_c: Item<f32>,
+	#[name("(Blues) Magenta")] b_m: Item<f32>,
+	#[name("(Blues) Yellow")] b_y: Item<f32>,
+	#[name("(Blues) Black")] b_k: Item<f32>,

-	#[name("(Magentas) Cyan")] m_c: f32,
-	#[name("(Magentas) Magenta")] m_m: f32,
-	#[name("(Magentas) Yellow")] m_y: f32,
-	#[name("(Magentas) Black")] m_k: f32,
+	#[name("(Magentas) Cyan")] m_c: Item<f32>,
+	#[name("(Magentas) Magenta")] m_m: Item<f32>,
+	#[name("(Magentas) Yellow")] m_y: Item<f32>,
+	#[name("(Magentas) Black")] m_k: Item<f32>,

-	#[name("(Whites) Cyan")] w_c: f32,
-	#[name("(Whites) Magenta")] w_m: f32,
-	#[name("(Whites) Yellow")] w_y: f32,
-	#[name("(Whites) Black")] w_k: f32,
+	#[name("(Whites) Cyan")] w_c: Item<f32>,
+	#[name("(Whites) Magenta")] w_m: Item<f32>,
+	#[name("(Whites) Yellow")] w_y: Item<f32>,
+	#[name("(Whites) Black")] w_k: Item<f32>,

-	#[name("(Neutrals) Cyan")] n_c: f32,
-	#[name("(Neutrals) Magenta")] n_m: f32,
-	#[name("(Neutrals) Yellow")] n_y: f32,
-	#[name("(Neutrals) Black")] n_k: f32,
+	#[name("(Neutrals) Cyan")] n_c: Item<f32>,
+	#[name("(Neutrals) Magenta")] n_m: Item<f32>,
+	#[name("(Neutrals) Yellow")] n_y: Item<f32>,
+	#[name("(Neutrals) Black")] n_k: Item<f32>,

-	#[name("(Blacks) Cyan")] k_c: f32,
-	#[name("(Blacks) Magenta")] k_m: f32,
-	#[name("(Blacks) Yellow")] k_y: f32,
-	#[name("(Blacks) Black")] k_k: f32,
+	#[name("(Blacks) Cyan")] k_c: Item<f32>,
+	#[name("(Blacks) Magenta")] k_m: Item<f32>,
+	#[name("(Blacks) Yellow")] k_y: Item<f32>,
+	#[name("(Blacks) Black")] k_k: Item<f32>,

-	_colors: SelectiveColorChoice,
-) -> T {
-	image.adjust(|color| {
+	_colors: Item<SelectiveColorChoice>,
+) -> Item<T> {
+	let mut image = image;
+	let mode = mode.into_element();
+	let (r_c, r_m, r_y, r_k) = (r_c.into_element(), r_m.into_element(), r_y.into_element(), r_k.into_element());
+	let (y_c, y_m, y_y, y_k) = (y_c.into_element(), y_m.into_element(), y_y.into_element(), y_k.into_element());
+	let (g_c, g_m, g_y, g_k) = (g_c.into_element(), g_m.into_element(), g_y.into_element(), g_k.into_element());
+	let (c_c, c_m, c_y, c_k) = (c_c.into_element(), c_m.into_element(), c_y.into_element(), c_k.into_element());
+	let (b_c, b_m, b_y, b_k) = (b_c.into_element(), b_m.into_element(), b_y.into_element(), b_k.into_element());
+	let (m_c, m_m, m_y, m_k) = (m_c.into_element(), m_m.into_element(), m_y.into_element(), m_k.into_element());
+	let (w_c, w_m, w_y, w_k) = (w_c.into_element(), w_m.into_element(), w_y.into_element(), w_k.into_element());
+	let (n_c, n_m, n_y, n_k) = (n_c.into_element(), n_m.into_element(), n_y.into_element(), n_k.into_element());
+	let (k_c, k_m, k_y, k_k) = (k_c.into_element(), k_m.into_element(), k_y.into_element(), k_k.into_element());
+
+	image.element_mut().adjust(|color| {
 		let [r, g, b, a] = color.to_gamma_srgb_channels();

 		let min = |a: f32, b: f32, c: f32| a.min(b).min(c);
@@ -997,16 +1069,18 @@ fn posterize<T: Adjust<Color> + Clone + Send + Sync + no_std_types::context::Cac
 	#[implementations(
 		Raster<CPU>,
 		Color,
-		GradientStops,
+		Gradient,
 	)]
 	#[gpu_image]
-	mut input: T,
+	input: Item<T>,
 	#[default(4)]
 	#[hard(2..)]
-	levels: u32,
-) -> T {
-	let levels = levels as f32;
-	input.adjust(|color| {
+	levels: Item<u32>,
+) -> Item<T> {
+	let mut input = input;
+	let levels = levels.into_element() as f32;
+
+	input.element_mut().adjust(|color| {
 		let number_of_areas = levels.recip();
 		let size_of_areas = (levels - 1.).recip();
 		color.map_gamma_rgb(|c| (c / number_of_areas).floor() * size_of_areas)
@@ -1026,19 +1100,24 @@ fn exposure<T: Adjust<Color> + Clone + Send + Sync + no_std_types::context::Cach
 	#[implementations(
 		Raster<CPU>,
 		Color,
-		GradientStops,
+		Gradient,
 	)]
 	#[gpu_image]
-	mut input: T,
-	exposure: f32,
-	offset: f32,
+	input: Item<T>,
+	exposure: Item<f32>,
+	offset: Item<f32>,
 	#[default(1.)]
 	#[range]
 	#[hard(0.0001..)]
 	#[soft(0.01..10)]
-	gamma_correction: f32,
-) -> T {
-	input.adjust(|color| {
+	gamma_correction: Item<f32>,
+) -> Item<T> {
+	let mut input = input;
+	let exposure = exposure.into_element();
+	let offset = offset.into_element();
+	let gamma_correction = gamma_correction.into_element();
+
+	input.element_mut().adjust(|color| {
 		let adjusted = color
 			// Exposure
 			.map_rgb(|c: f32| c * 2_f32.powf(exposure))
--- a/node-graph/nodes/raster/src/blending_nodes.rs
+++ b/node-graph/nodes/raster/src/blending_nodes.rs
@@ -1,12 +1,16 @@
 use crate::adjust::Adjust;
+#[cfg(feature = "std")]
+use core_types::list::Item;
 use no_std_types::Ctx;
 use no_std_types::blending::BlendMode;
 use no_std_types::color::{Color, Pixel};
+#[cfg(not(feature = "std"))]
+use no_std_types::list::ShaderItem as Item;
 use no_std_types::registry::types::PercentageF32;
 #[cfg(feature = "std")]
 use raster_types::{CPU, Raster};
 #[cfg(feature = "std")]
-use vector_types::{GradientStop, GradientStops};
+use vector_types::{Gradient, GradientStop};

 pub trait Blend<P: Pixel> {
 	fn blend(&self, under: &Self, blend_fn: impl Fn(P, P) -> P) -> Self;
@@ -27,6 +31,7 @@ mod blend_std {
 	impl Blend<Color> for Raster<CPU> {
 		fn blend(&self, under: &Self, blend_fn: impl Fn(Color, Color) -> Color) -> Self {
 			let data = self.data.iter().zip(under.data.iter()).map(|(a, b)| blend_fn(*a, *b)).collect();
+
 			Raster::new_cpu(Image {
 				data,
 				width: self.width,
@@ -35,8 +40,7 @@ mod blend_std {
 			})
 		}
 	}
-
-	impl Blend<Color> for GradientStops {
+	impl Blend<Color> for Gradient {
 		fn blend(&self, under: &Self, blend_fn: impl Fn(Color, Color) -> Color) -> Self {
 			let mut combined_stops = self.position.iter().chain(under.position.iter()).copied().collect::<Vec<_>>();
 			combined_stops.dedup_by(|a, b| (*a - *b).abs() < 1e-6);
@@ -47,7 +51,7 @@ mod blend_std {
 				let color = blend_fn(over_color, under_color);
 				GradientStop { position, midpoint: 0.5, color }
 			});
-			GradientStops::new(stops)
+			Gradient::new(stops)
 		}
 	}
 }
@@ -111,22 +115,28 @@ fn mix<T: Blend<Color> + Clone + Send + Sync + core_types::CacheHash + 'static>(
 	#[implementations(
 		Raster<CPU>,
 		Color,
-		GradientStops,
+		Gradient,
 	)]
 	#[gpu_image]
-	over: T,
+	over: Item<T>,
 	#[expose]
 	#[implementations(
 		Raster<CPU>,
 		Color,
-		GradientStops,
+		Gradient,
 	)]
 	#[gpu_image]
-	under: T,
-	blend_mode: BlendMode,
-	#[default(100.)] opacity: PercentageF32,
-) -> T {
-	over.blend(&under, |a, b| blend_colors(a, b, blend_mode, opacity / 100.))
+	under: Item<T>,
+	blend_mode: Item<BlendMode>,
+	#[default(100.)] opacity: Item<PercentageF32>,
+) -> Item<T> {
+	let mut over = over;
+	let blend_mode = blend_mode.into_element();
+	let opacity = opacity.into_element();
+
+	let blended = over.element().blend(under.element(), |a, b| blend_colors(a, b, blend_mode, opacity / 100.));
+	*over.element_mut() = blended;
+	over
 }

 #[node_macro::node(category("Raster: Adjustment"), shader_node(PerPixelAdjust))]
@@ -135,17 +145,22 @@ fn color_overlay<T: Adjust<Color> + Clone + Send + Sync + no_std_types::context:
 	#[implementations(
 		Raster<CPU>,
 		Color,
-		GradientStops,
+		Gradient,
 	)]
 	#[gpu_image]
-	mut image: T,
-	#[default(Color::BLACK)] color: Color,
-	blend_mode: BlendMode,
-	#[default(100.)] opacity: PercentageF32,
-) -> T {
+	image: Item<T>,
+	#[default(Color::BLACK)] color: Item<Color>,
+	blend_mode: Item<BlendMode>,
+	#[default(100.)] opacity: Item<PercentageF32>,
+) -> Item<T> {
+	let mut image = image;
+	let color = color.into_element();
+	let blend_mode = blend_mode.into_element();
+	let opacity = opacity.into_element();
+
 	let opacity = (opacity / 100.).clamp(0., 1.);

-	image.adjust(|pixel| {
+	image.element_mut().adjust(|pixel| {
 		let image = pixel.map_rgb(|channel| channel * (1. - opacity));

 		// The apply blend mode function divides rgb by the alpha channel for the background. This undoes that.
@@ -161,6 +176,7 @@ fn color_overlay<T: Adjust<Color> + Clone + Send + Sync + no_std_types::context:
 mod test {
 	use core_types::blending::BlendMode;
 	use core_types::color::Color;
+	use core_types::list::Item;
 	use raster_types::Image;
 	use raster_types::Raster;

@@ -175,7 +191,14 @@ mod test {
 		// 100% of the output should come from the multiplied value
 		let opacity = 100.;

-		let result = super::color_overlay(&(), Raster::new_cpu(image.clone()), overlay_color, BlendMode::Multiply, opacity);
+		let result = super::color_overlay(
+			(),
+			Item::new_from_element(Raster::new_cpu(image.clone())),
+			overlay_color.into(),
+			BlendMode::Multiply.into(),
+			opacity.into(),
+		);
+		let result = result.into_element();

 		// The output should just be the original green and alpha channels (as we multiply them by 1 and other channels by 0)
 		assert_eq!(result.data[0], Color::from_rgbaf32_unchecked(0., image_color.g(), 0., image_color.a()));
--- a/node-graph/nodes/raster/src/dehaze.rs
+++ b/node-graph/nodes/raster/src/dehaze.rs
@@ -1,4 +1,5 @@
 use core_types::context::Ctx;
+use core_types::list::Item;
 use core_types::registry::types::Percentage;
 use image::{DynamicImage, GenericImage, GenericImageView, GrayImage, ImageBuffer, Luma, Rgba, RgbaImage};
 use ndarray::{Array2, ArrayBase, Dim, OwnedRepr};
@@ -7,11 +8,15 @@ use raster_types::{CPU, Raster};
 use std::cmp::{max, min};

 #[node_macro::node(category("Raster: Filter"))]
-fn dehaze(_: impl Ctx, image_frame: Raster<CPU>, strength: Percentage) -> Raster<CPU> {
-	let image = image_frame;
+async fn dehaze(_: impl Ctx, image_frame: Item<Raster<CPU>>, strength: Item<Percentage>) -> Item<Raster<CPU>> {
+	let strength = *strength.element();
+
+	let (image, attributes) = image_frame.into_parts();
+	let (width, height) = (image.width, image.height);
+
 	// Prepare the image data for processing
-	let image_data = bytemuck::cast_vec(image.data.clone());
-	let image_buffer = image::Rgba32FImage::from_raw(image.width, image.height, image_data).expect("Failed to convert internal image format into image-rs data type.");
+	let image_data = bytemuck::cast_vec(image.into_data().data);
+	let image_buffer = image::Rgba32FImage::from_raw(width, height, image_data).expect("Failed to convert internal image format into image-rs data type.");
 	let dynamic_image: DynamicImage = image_buffer.into();

 	// Run the dehaze algorithm
@@ -21,13 +26,13 @@ fn dehaze(_: impl Ctx, image_frame: Raster<CPU>, strength: Percentage) -> Raster
 	let buffer = dehazed_dynamic_image.to_rgba32f().into_raw();
 	let color_vec = bytemuck::cast_vec(buffer);
 	let dehazed_image = Image {
-		width: image.width,
-		height: image.height,
+		width,
+		height,
 		data: color_vec,
 		base64_string: None,
 	};

-	Raster::new_cpu(dehazed_image)
+	Item::from_parts(Raster::new_cpu(dehazed_image), attributes)
 }

 // There is no real point in modifying these values because they do not change the final result all that much.
--- a/node-graph/nodes/raster/src/filter.rs
+++ b/node-graph/nodes/raster/src/filter.rs
@@ -1,6 +1,7 @@
 use bytemuck::{Pod, Zeroable};
 use core_types::color::{Alpha, Color, Pixel, RGB};
 use core_types::context::Ctx;
+use core_types::list::Item;
 use core_types::registry::types::PixelLength;
 use raster_types::Image;
 use raster_types::{Bitmap, BitmapMut};
@@ -89,26 +90,31 @@ fn unpremultiply_gamma_to_linear(buffer: Image<PremultipliedGammaPixel>) -> Imag
 fn blur(
 	_: impl Ctx,
 	/// The image to be blurred.
-	image_frame: Raster<CPU>,
+	image_frame: Item<Raster<CPU>>,
 	/// The radius of the blur kernel.
 	#[range]
 	#[hard(0..)]
 	#[soft(..100)]
-	radius: PixelLength,
+	radius: Item<PixelLength>,
 	/// Use a lower-quality box kernel instead of a circular Gaussian kernel. This is faster but produces boxy artifacts.
-	box_blur: bool,
+	box_blur: Item<bool>,
 	/// Opt to incorrectly apply the filter with color calculations in gamma space for compatibility with the results from other software.
-	gamma: bool,
-) -> Raster<CPU> {
-	// Run blur algorithm
-	if radius < 0.1 {
+	gamma: Item<bool>,
+) -> Item<Raster<CPU>> {
+	let (radius, box_blur, gamma) = (*radius.element(), *box_blur.element(), *gamma.element());
+
+	let (image, attributes) = image_frame.into_parts();
+
+	let blurred_image = if radius < 0.1 {
 		// Minimum blur radius
-		image_frame
+		image
 	} else if box_blur {
-		Raster::new_cpu(box_blur_algorithm(image_frame.into_data(), radius, gamma))
+		Raster::new_cpu(box_blur_algorithm(image.into_data(), radius, gamma))
 	} else {
-		Raster::new_cpu(gaussian_blur_algorithm(image_frame.into_data(), radius, gamma))
-	}
+		Raster::new_cpu(gaussian_blur_algorithm(image.into_data(), radius, gamma))
+	};
+
+	Item::from_parts(blurred_image, attributes)
 }

 /// Applies a median filter to reduce noise while preserving edges.
@@ -116,20 +122,25 @@ fn blur(
 fn median_filter(
 	_: impl Ctx,
 	/// The image to be filtered.
-	image_frame: Raster<CPU>,
+	image_frame: Item<Raster<CPU>>,
 	/// The radius of the filter kernel. Larger values remove more noise but may blur fine details.
 	#[range]
 	#[hard(0..)]
 	#[soft(..50)]
-	radius: PixelLength,
-) -> Raster<CPU> {
-	// Apply median filter
-	if radius < 0.5 {
+	radius: Item<PixelLength>,
+) -> Item<Raster<CPU>> {
+	let radius = *radius.element();
+
+	let (image, attributes) = image_frame.into_parts();
+
+	let filtered_image = if radius < 0.5 {
 		// Minimum filter radius
-		image_frame
+		image
 	} else {
-		Raster::new_cpu(median_filter_algorithm(image_frame.into_data(), radius as u32))
-	}
+		Raster::new_cpu(median_filter_algorithm(image.into_data(), radius as u32))
+	};
+
+	Item::from_parts(filtered_image, attributes)
 }

 // 1D gaussian kernel
--- a/node-graph/nodes/raster/src/gradient_map.rs
+++ b/node-graph/nodes/raster/src/gradient_map.rs
@@ -1,31 +1,31 @@
-//! Not immediately shader compatible due to needing [`GradientStops`] as a param, which needs [`Vec`]
+//! Not immediately shader compatible due to needing [`Gradient`] as a param, which needs [`Vec`]

 use crate::adjust::Adjust;
+use core_types::list::Item;
 use core_types::{Color, Ctx};
 use raster_types::{CPU, Raster};
-use vector_types::GradientStops;
+use vector_types::Gradient;

 // Aims for interoperable compatibility with:
 // https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=%27grdm%27%20%3D%20Gradient%20Map
 // https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=Gradient%20settings%20(Photoshop%206.0)
 #[node_macro::node(category("Raster: Adjustment"))]
-fn gradient_map<T: Adjust<Color> + Clone + Send + Sync + core_types::CacheHash + 'static>(
+async fn gradient_map<T: Adjust<Color> + Send>(
 	_: impl Ctx,
 	#[implementations(
 		Raster<CPU>,
 		Color,
-		GradientStops,
+		Gradient,
 	)]
-	mut image: T,
-	gradient: IList<GradientStops>,
-	reverse: bool,
-) -> T {
-	if gradient.is_empty() {
-		return image;
-	}
-	let gradient = gradient.element_ref(0);
+	image: Item<T>,
+	gradient: Item<Gradient>,
+	reverse: Item<bool>,
+) -> Item<T> {
+	let mut image = image;
+	let gradient = gradient.into_element();
+	let reverse = reverse.into_element();

-	image.adjust(|color| {
+	image.element_mut().adjust(|color| {
 		let intensity = color.luminance_rec_709();
 		let intensity = if reverse { 1. - intensity } else { intensity };
 		gradient.evaluate(intensity as f64)
--- a/node-graph/nodes/raster/src/image_color_palette.rs
+++ b/node-graph/nodes/raster/src/image_color_palette.rs
@@ -26,18 +26,17 @@ fn image_color_palette(
 			let g = pixel.g() * GRID;
 			let b = pixel.b() * GRID;

-			let bin = (r * GRID + g * GRID + b * GRID) as usize;
+		let bin = (r * GRID + g * GRID + b * GRID) as usize;

-			histogram[bin] += 1;
-			color_bins[bin].push(pixel.to_gamma_srgb_channels());
-		}
+		histogram[bin] += 1;
+		color_bins[bin].push(pixel.to_gamma_srgb_channels());
 	}

 	let shorted = histogram.iter().enumerate().filter(|&(_, &count)| count > 0).map(|(i, _)| i).collect::<Vec<usize>>();

 	let palette: Vec<Color> = shorted
 		.iter()
-		.take(count as usize)
+		.take(*count.element() as usize)
 		.flat_map(|&i| {
 			let list = &color_bins[i];

--- a/node-graph/nodes/raster/src/std_nodes.rs
+++ b/node-graph/nodes/raster/src/std_nodes.rs
@@ -5,6 +5,7 @@ use core_types::color::{Alpha, AlphaMut, Channel, LinearChannel, Luminance, RGBM
 use core_types::context::{Ctx, ExtractFootprint, ExtractIndex, InjectIndex};
 use core_types::extent::{LevelIn, ListIn, ValueIn};
 use core_types::gpoll::{Extent, GPoll, GraphError, Interrupt};
+use core_types::list::Item;
 use core_types::math::bbox::Bbox;
 use core_types::transform::Transform;
 use dyn_any::DynAny;
@@ -369,32 +370,32 @@ pub fn image(_: impl Ctx, resource: Resource) -> Raster<CPU> {
 pub fn noise_pattern(
 	ctx: impl ExtractFootprint + Ctx,
 	_primary: (),
-	#[default(true)] clip: bool,
-	seed: u32,
+	#[default(true)] clip: Item<bool>,
+	seed: Item<u32>,
 	#[widget(ParsedWidgetOverride::Custom = "noise_properties_scale")]
 	#[default(10.)]
-	scale: f64,
-	#[widget(ParsedWidgetOverride::Custom = "noise_properties_noise_type")] noise_type: NoiseType,
-	#[widget(ParsedWidgetOverride::Custom = "noise_properties_domain_warp_type")] domain_warp_type: DomainWarpType,
+	scale: Item<f64>,
+	#[widget(ParsedWidgetOverride::Custom = "noise_properties_noise_type")] noise_type: Item<NoiseType>,
+	#[widget(ParsedWidgetOverride::Custom = "noise_properties_domain_warp_type")] domain_warp_type: Item<DomainWarpType>,
 	#[widget(ParsedWidgetOverride::Custom = "noise_properties_domain_warp_amplitude")]
 	#[default(100.)]
-	domain_warp_amplitude: f64,
-	#[widget(ParsedWidgetOverride::Custom = "noise_properties_fractal_type")] fractal_type: FractalType,
+	domain_warp_amplitude: Item<f64>,
+	#[widget(ParsedWidgetOverride::Custom = "noise_properties_fractal_type")] fractal_type: Item<FractalType>,
 	#[widget(ParsedWidgetOverride::Custom = "noise_properties_fractal_octaves")]
 	#[default(3)]
-	fractal_octaves: u32,
+	fractal_octaves: Item<u32>,
 	#[widget(ParsedWidgetOverride::Custom = "noise_properties_fractal_lacunarity")]
 	#[default(2.)]
-	fractal_lacunarity: f64,
+	fractal_lacunarity: Item<f64>,
 	#[widget(ParsedWidgetOverride::Custom = "noise_properties_fractal_gain")]
 	#[default(0.5)]
-	fractal_gain: f64,
-	#[widget(ParsedWidgetOverride::Custom = "noise_properties_fractal_weighted_strength")] fractal_weighted_strength: f64,
+	fractal_gain: Item<f64>,
+	#[widget(ParsedWidgetOverride::Custom = "noise_properties_fractal_weighted_strength")] fractal_weighted_strength: Item<f64>,
 	#[widget(ParsedWidgetOverride::Custom = "noise_properties_ping_pong_strength")]
 	#[default(2.)]
-	fractal_ping_pong_strength: f64,
-	#[widget(ParsedWidgetOverride::Custom = "noise_properties_cellular_distance_function")] cellular_distance_function: CellularDistanceFunction,
-	#[widget(ParsedWidgetOverride::Custom = "noise_properties_cellular_return_type")] cellular_return_type: CellularReturnType,
+	fractal_ping_pong_strength: Item<f64>,
+	#[widget(ParsedWidgetOverride::Custom = "noise_properties_cellular_distance_function")] cellular_distance_function: Item<CellularDistanceFunction>,
+	#[widget(ParsedWidgetOverride::Custom = "noise_properties_cellular_return_type")] cellular_return_type: Item<CellularReturnType>,
 	#[widget(ParsedWidgetOverride::Custom = "noise_properties_cellular_jitter")]
 	#[default(1.)]
 	cellular_jitter: f64,
--- a/node-graph/nodes/repeat/src/repeat_nodes.rs
+++ b/node-graph/nodes/repeat/src/repeat_nodes.rs
@@ -51,8 +51,8 @@ pub fn repeat_array<T>(
 	content: impl Node<Context<'_>, Output = (T, Attr<TransformAttr>)>,
 	#[default(100., 100.)]
 	// TODO: When using a custom Properties panel layout in document_node_definitions.rs and this default is set, the widget weirdly doesn't show up in the Properties panel. Investigation is needed.
-	direction: PixelSize,
-	angle: Angle,
+	direction: Item<PixelSize>,
+	angle: Item<Angle>,
 	#[default(5)]
 	#[hard(1..)]
 	count: u32,
@@ -95,7 +95,7 @@ fn repeat_radial<T>(
 	start_angle: Angle,
 	#[unit(" px")]
 	#[default(5)]
-	radius: f64,
+	radius: Item<f64>,
 	#[default(5)]
 	#[hard(1..)]
 	count: u32,
@@ -186,6 +186,7 @@ mod test {
 	use core_types::record::{FieldWrite, FrameClaim, Layout, RecordSource, Served, capture, element_write};
 	use core_types::value::ValueSource;
 	use vector_types::subpath::Subpath;
+	use vector_types::vector::misc::BoxCorners;

 	struct TransformSource {
 		layout: Layout,
--- a/node-graph/nodes/text/src/json.rs
+++ b/node-graph/nodes/text/src/json.rs
@@ -14,37 +14,44 @@ fn format_json(
 	_: impl Ctx,
 	/// The JSON string to reformat.
 	#[name("JSON")]
-	json: String,
+	json: Item<String>,
 	/// Removes optional spaces within curly brackets and after colons and commas.
-	compact: bool,
+	compact: Item<bool>,
 	/// Break arrays and objects across multiple lines when they exceed the line break length.
 	#[default(true)]
 	#[name("Multi-Line")]
-	multi_line: bool,
+	multi_line: Item<bool>,
 	/// The indentation string used for each nesting level. Escape sequences like `\t` (the tab character) are supported. Two or four spaces are also common choices.
 	#[default("\\t")]
-	indent: String,
+	indent: Item<String>,
 	/// The maximum line length before a container (array or object) is broken across lines. Set this to 0 to always break containers. (Requires *Multi-Line* to take effect.)
 	///
 	/// This is not a maximum line length guarantee. Deep nesting and long keys or values may exceed this length.
 	#[default(120)]
-	break_length: u32,
+	break_length: Item<u32>,
 	/// Always break a container (array or object) across lines if it holds another container, even if it would fit within the break length. (Requires *Multi-Line* to take effect.)
 	#[default(true)]
-	break_nested: bool,
-) -> String {
-	let cleaned = strip_trailing_commas(&json);
+	break_nested: Item<bool>,
+) -> Item<String> {
+	let mut json = json;
+	let (compact, multi_line, break_length, break_nested) = (*compact.element(), *multi_line.element(), *break_length.element(), *break_nested.element());
+	let indent = indent.element().clone();
+
+	let cleaned = strip_trailing_commas(json.element());
 	let Ok(value) = serde_json::from_str::<serde_json::Value>(&cleaned) else { return json };
 	let indent = unescape_string(indent);
 	let colon = if compact { ":" } else { ": " };
 	let comma_space = if compact { "," } else { ", " };
 	let line_width = break_length as usize;

-	if multi_line {
+	let result = if multi_line {
 		format_value(&value, 0, &indent, colon, comma_space, compact, break_nested, line_width)
 	} else {
 		format_inline(&value, colon, comma_space, compact)
-	}
+	};
+
+	*json.element_mut() = result;
+	json
 }

 /// Strips trailing commas before `]` and `}` to accept JSON-with-trailing-commas input.
@@ -188,7 +195,7 @@ fn query_json(
 	_: impl Ctx,
 	/// The JSON string to extract a value from.
 	#[name("JSON")]
-	json: String,
+	json: Item<String>,
 	/// Determines which contained value to extract from within the JSON.
 	///
 	/// The path syntax is like JavaScript's accessor syntax that follows an array/object value. It also supports negative indexing to count backwards from the end. Additionally, `[]` accesses all array and object values instead of just one.
@@ -198,19 +205,29 @@ fn query_json(
 	/// Use `.size` or `["size"]` to get the `size` property of `{ "size": 10 }`. The latter form is required if the key contains spaces or special characters like `["this key with spaces!"]`.
 	/// Use chained accessors like `.fonts[0].name` to query deeper.
 	/// Use the `[]` accessor to query all elements, like `.fonts[].weights[]` to get every weight of every font.
-	path: String,
+	path: Item<String>,
 	/// Strips the surrounding double quotes from string values, returning the raw text. Other types are never wrapped in quotes.
 	#[default(true)]
-	unquote_strings: bool,
-) -> String {
-	let cleaned = strip_trailing_commas(&json);
-	let Ok(value): Result<Value, _> = serde_json::from_str(&cleaned) else { return String::new() };
-	let Some(segments) = parse_json_path(path.trim()) else { return String::new() };
+	unquote_strings: Item<bool>,
+) -> Item<String> {
+	let mut json = json;
+	let path = path.element().clone();
+	let unquote_strings = *unquote_strings.element();

-	let mut results = Vec::new();
-	resolve_all(&value, &segments, !unquote_strings, &mut results);
+	let cleaned = strip_trailing_commas(json.element());

-	results.into_iter().next().map(|(text, _ty)| text).unwrap_or_default()
+	let result = match (serde_json::from_str::<Value>(&cleaned), parse_json_path(path.trim())) {
+		(Ok(value), Some(segments)) => {
+			let mut results = Vec::new();
+			resolve_all(&value, &segments, !unquote_strings, &mut results);
+
+			results.into_iter().next().map(|(text, _ty)| text).unwrap_or_default()
+		}
+		_ => String::new(),
+	};
+
+	*json.element_mut() = result;
+	json
 }

 /// Extracts every matched value from a JSON string using a path expression (see that parameter's description for its syntax). A list of zero or more resultant strings is produced. The `[]` path accessor is used to read more than one value.
@@ -226,7 +243,7 @@ fn query_json_all(
 	_: impl Ctx,
 	/// The JSON string to extract values from.
 	#[name("JSON")]
-	json: String,
+	json: Item<String>,
 	/// Determines which contained values to extract from within the JSON.
 	///
 	/// The path syntax is like JavaScript's accessor syntax that follows an array/object value. It also supports negative indexing to count backwards from the end. Additionally, `[]` accesses all array and object values instead of just one.
@@ -236,17 +253,17 @@ fn query_json_all(
 	/// Use `.size` or `["size"]` to get the `size` property of `{ "size": 10 }`. The latter form is required if the key contains spaces or special characters like `["this key with spaces!"]`.
 	/// Use chained accessors like `.fonts[0].name` to query deeper.
 	/// Use the `[]` accessor to query all elements, like `.fonts[].weights[]` to get every weight of every font.
-	path: String,
+	path: Item<String>,
 	/// Strips the surrounding double quotes from string values, returning the raw text. Other types are never wrapped in quotes.
 	#[default(true)]
-	unquote_strings: bool,
+	unquote_strings: Item<bool>,
 ) -> List<String> {
-	let cleaned = strip_trailing_commas(&json);
+	let cleaned = strip_trailing_commas(json.element());
 	let Ok(value): Result<Value, _> = serde_json::from_str(&cleaned) else { return List::new() };
-	let Some(segments) = parse_json_path(path.trim()) else { return List::new() };
+	let Some(segments) = parse_json_path(path.element().trim()) else { return List::new() };

 	let mut results = Vec::new();
-	resolve_all(&value, &segments, !unquote_strings, &mut results);
+	resolve_all(&value, &segments, !*unquote_strings.element(), &mut results);

 	results.into_iter().map(|(text, ty)| Item::new_from_element(text).with_attribute(ATTR_TYPE, ty.to_string())).collect()
 }
--- a/node-graph/nodes/text/src/lib.rs
+++ b/node-graph/nodes/text/src/lib.rs
@@ -187,34 +187,43 @@ pub enum StringCapitalization {

 /// Constructs a string value which may be set to any plain text.
 #[node_macro::node(category("Value"))]
-fn string_value(_: impl Ctx, _primary: (), string: TextArea) -> String {
+fn string_value(_: impl Ctx, _primary: (), string: Item<TextArea>) -> Item<String> {
 	string
 }

 /// Type-asserts a value to be a string.
 #[node_macro::node(category("Debug"))]
-fn as_string(_: impl Ctx, value: String) -> String {
+fn as_string(_: impl Ctx, value: Item<String>) -> Item<String> {
 	value
 }

 /// Joins two strings together.
 #[node_macro::node(category("Text"))]
-fn string_concatenate(_: impl Ctx, #[implementations(String)] first: String, second: TextArea) -> String {
-	first + &second
+fn string_concatenate(_: impl Ctx, #[implementations(String)] first: Item<String>, second: Item<TextArea>) -> Item<String> {
+	let mut first = first;
+	first.element_mut().push_str(second.element());
+	first
 }

 /// Replaces all occurrences of "From" with "To" in the input string.
 #[node_macro::node(category("Text"))]
-fn string_replace(_: impl Ctx, string: String, from: TextArea, to: TextArea) -> String {
-	string.replace(&from, &to)
+fn string_replace(_: impl Ctx, string: Item<String>, from: Item<TextArea>, to: Item<TextArea>) -> Item<String> {
+	let mut string = string;
+	let result = string.element().replace(from.element().as_str(), to.element());
+
+	*string.element_mut() = result;
+	string
 }

 /// Extracts a substring from the input string, starting at "Start" and ending before "End".
 ///
 /// Negative indices count from the end of the string. If the index of "Start" equals or exceeds "End", the result is an empty string.
 #[node_macro::node(category("Text"))]
-fn string_slice(_: impl Ctx, string: String, start: SignedInteger, end: SignedInteger) -> String {
-	let total_graphemes = string.graphemes(true).count();
+fn string_slice(_: impl Ctx, string: Item<String>, start: Item<SignedInteger>, end: Item<SignedInteger>) -> Item<String> {
+	let mut string = string;
+	let (start, end) = (*start.element(), *end.element());
+
+	let total_graphemes = string.element().graphemes(true).count();

 	let start = if start < 0. {
 		total_graphemes.saturating_sub(start.abs() as usize)
@@ -227,11 +236,14 @@ fn string_slice(_: impl Ctx, string: String, start: SignedInteger, end: SignedIn
 		(end as usize).min(total_graphemes)
 	};

-	if start >= end {
-		return String::new();
-	}
+	let result = if start >= end {
+		String::new()
+	} else {
+		string.element().graphemes(true).skip(start).take(end - start).collect()
+	};

-	string.graphemes(true).skip(start).take(end - start).collect()
+	*string.element_mut() = result;
+	string
 }

 /// Clips the string to a maximum character length, optionally appending a suffix (like "…") when truncation occurs. Strings already within the limit are not modified.
@@ -239,27 +251,30 @@ fn string_slice(_: impl Ctx, string: String, start: SignedInteger, end: SignedIn
 fn string_truncate(
 	_: impl Ctx,
 	/// The string to truncate.
-	string: String,
+	string: Item<String>,
 	/// The maximum number of characters allowed, including the suffix if one is appended.
 	#[default(80)]
-	length: u32,
+	length: Item<u32>,
 	/// A suffix appended to indicate truncation occurred, unless empty. Its length counts towards the character budget.
 	#[default("…")]
-	suffix: String,
-) -> String {
-	let max_length = length as usize;
-	let grapheme_count = string.graphemes(true).count();
+	suffix: Item<String>,
+) -> Item<String> {
+	let mut string = string;
+	let max_length = *length.element() as usize;
+	let grapheme_count = string.element().graphemes(true).count();

 	if grapheme_count <= max_length {
 		return string;
 	}

-	let suffix: String = suffix.graphemes(true).take(max_length).collect();
+	let suffix: String = suffix.element().graphemes(true).take(max_length).collect();
 	let keep = max_length - suffix.graphemes(true).count();

-	let mut truncated: String = string.graphemes(true).take(keep).collect();
+	let mut truncated: String = string.element().graphemes(true).take(keep).collect();
 	truncated.push_str(&suffix);
-	truncated
+
+	*string.element_mut() = truncated;
+	string
 }

 /// Formats a number as a string with control over decimal places, decimal separator, and thousands grouping.
@@ -267,25 +282,31 @@ fn string_truncate(
 fn format_number(
 	_: impl Ctx,
 	/// The number to format as a string.
-	number: f64,
+	number: Item<f64>,
 	/// The amount of digits after the decimal point. The value is rounded to fit. Set to 0 to show only whole numbers.
 	#[default(2)]
-	decimal_places: u32,
+	decimal_places: Item<u32>,
 	/// The character(s) used as the decimal point.
 	#[default(".")]
-	decimal_separator: String,
+	decimal_separator: Item<String>,
 	/// Always show the exact number of decimal places, even if they are trailing zeros.
 	#[default(true)]
-	fixed_decimals: bool,
+	fixed_decimals: Item<bool>,
 	/// Whether to group digits with a thousands separator.
-	use_thousands_separator: bool,
+	use_thousands_separator: Item<bool>,
 	/// The character(s) inserted between digit groups.
 	#[default(",")]
-	thousands_separator: String,
+	thousands_separator: Item<String>,
 	/// Don't group 4-digit numbers with a thousands separator (only start grouping at 10,000 and above).
 	#[name("Start at 10,000")]
-	start_at_10000: bool,
-) -> String {
+	start_at_10000: Item<bool>,
+) -> Item<String> {
+	let (number, attributes) = number.into_parts();
+	let (decimal_places, fixed_decimals, use_thousands_separator, start_at_10000) =
+		(*decimal_places.element(), *fixed_decimals.element(), *use_thousands_separator.element(), *start_at_10000.element());
+	let decimal_separator = decimal_separator.element().clone();
+	let thousands_separator = thousands_separator.element().clone();
+
 	// Find the maximum meaningful decimal precision by detecting where float noise begins.
 	// This works correctly whether the value originated as f32 or f64, since we find the
 	// shortest decimal representation that round-trips back to the same f64 value.
@@ -340,36 +361,38 @@ fn format_number(
 	};

 	// Build the final string
-	let Some(decimal_string) = decimal_string else {
-		if fixed_decimals && requested_places > 0 {
+	let result = match decimal_string {
+		None if fixed_decimals && requested_places > 0 => {
 			let zeros = "0".repeat(requested_places);
-			return format!("{sign}{grouped_whole}{decimal_separator}{zeros}");
+			format!("{sign}{grouped_whole}{decimal_separator}{zeros}")
+		}
+		None => format!("{sign}{grouped_whole}"),
+		Some(decimal_string) if fixed_decimals => format!("{sign}{grouped_whole}{decimal_separator}{decimal_string}"),
+		Some(decimal_string) => {
+			let trimmed = decimal_string.trim_end_matches('0');
+			if trimmed.is_empty() {
+				format!("{sign}{grouped_whole}")
+			} else {
+				format!("{sign}{grouped_whole}{decimal_separator}{trimmed}")
+			}
 		}
-		return format!("{sign}{grouped_whole}");
 	};

-	if fixed_decimals {
-		format!("{sign}{grouped_whole}{decimal_separator}{decimal_string}")
-	} else {
-		let trimmed = decimal_string.trim_end_matches('0');
-		if trimmed.is_empty() {
-			format!("{sign}{grouped_whole}")
-		} else {
-			format!("{sign}{grouped_whole}{decimal_separator}{trimmed}")
-		}
-	}
+	Item::from_parts(result, attributes)
 }

 /// Parses a string into a number. Falls back to the chosen value if the string is not a valid number.
-#[node_macro::node(category("Text"))]
+#[node_macro::node(category("Text"), name("String to Number"))]
 fn string_to_number(
 	_: impl Ctx,
 	/// The string containing a number. Surrounding whitespace is ignored, a decimal point (.) may be included, sign prefixes (+/-) are respected, and scientific notation (e.g. "1e-3") is supported.
-	string: String,
+	string: Item<String>,
 	/// The value of the result if the string cannot be parsed as a valid number.
-	fallback: f64,
-) -> f64 {
-	string.trim().parse::<f64>().unwrap_or(fallback)
+	fallback: Item<f64>,
+) -> Item<f64> {
+	let (string, attributes) = string.into_parts();
+
+	Item::from_parts(string.trim().parse::<f64>().unwrap_or(*fallback.element()), attributes)
 }

 /// Removes leading and/or trailing whitespace from a string. Common whitespace characters include spaces, tabs, and newlines.
@@ -377,20 +400,26 @@ fn string_to_number(
 fn string_trim(
 	_: impl Ctx,
 	/// The string that may contain leading and trailing whitespace that should be removed.
-	string: String,
+	string: Item<String>,
 	/// Whether the start of the string should have its whitespace removed.
 	#[default(true)]
-	start: bool,
+	start: Item<bool>,
 	/// Whether the end of the string should have its whitespace removed.
 	#[default(true)]
-	end: bool,
-) -> String {
-	match (start, end) {
-		(true, true) => string.trim().to_string(),
-		(true, false) => string.trim_start().to_string(),
-		(false, true) => string.trim_end().to_string(),
-		(false, false) => string,
-	}
+	end: Item<bool>,
+) -> Item<String> {
+	let mut string = string;
+	let (start, end) = (*start.element(), *end.element());
+
+	let result = match (start, end) {
+		(true, true) => string.element().trim().to_string(),
+		(true, false) => string.element().trim_start().to_string(),
+		(false, true) => string.element().trim_end().to_string(),
+		(false, false) => return string,
+	};
+
+	*string.element_mut() = result;
+	string
 }

 /// Converts between literal escape sequences and their corresponding control characters within a string.
@@ -401,12 +430,18 @@ fn string_trim(
 fn string_escape(
 	_: impl Ctx,
 	/// The string that contains either literal escape sequences or control characters to be converted to the opposite representation.
-	string: String,
+	string: Item<String>,
 	/// Convert the control characters back into their escape sequence representations.
 	#[default(true)]
-	unescape: bool,
-) -> String {
-	if unescape { unescape_string(string) } else { escape_string(string) }
+	unescape: Item<bool>,
+) -> Item<String> {
+	let mut string = string;
+	let input = std::mem::take(string.element_mut());
+
+	let result = if *unescape.element() { unescape_string(input) } else { escape_string(input) };
+
+	*string.element_mut() = result;
+	string
 }

 /// Reverses the sequence of characters making up the string so it reads back-to-front. ("Backwards text" becomes "txet sdrawkcaB".)
@@ -414,9 +449,13 @@ fn string_escape(
 fn string_reverse(
 	_: impl Ctx,
 	/// The string to be reversed.
-	string: String,
-) -> String {
-	string.graphemes(true).rev().collect()
+	string: Item<String>,
+) -> Item<String> {
+	let mut string = string;
+	let result: String = string.element().graphemes(true).rev().collect();
+
+	*string.element_mut() = result;
+	string
 }

 /// Repeats the string a given number of times, optionally with a separator between each repetition.
@@ -424,31 +463,35 @@ fn string_reverse(
 fn string_repeat(
 	_: impl Ctx,
 	/// The string to be repeated.
-	string: String,
+	string: Item<String>,
 	/// The number of times the string should appear in the output.
 	#[default(2)]
 	#[hard(1..)]
-	count: u32,
+	count: Item<u32>,
 	/// The string placed between each repetition.
 	#[default("\\n")]
-	separator: String,
+	separator: Item<String>,
 	/// Whether to convert escape sequences found in the separator into their corresponding characters:
 	/// "\n" (newline), "\r" (carriage return), "\t" (tab), "\0" (null), and "\\" (backslash).
 	#[default(true)]
-	separator_escaping: bool,
-) -> String {
-	let separator = if separator_escaping { unescape_string(separator) } else { separator };
+	separator_escaping: Item<bool>,
+) -> Item<String> {
+	let mut string = string;
+	let separator = separator.element().clone();
+	let separator = if *separator_escaping.element() { unescape_string(separator) } else { separator };

-	let count = count as usize;
+	let count = *count.element() as usize;

-	let mut result = String::with_capacity((string.len() + separator.len()) * count);
+	let mut result = String::with_capacity((string.element().len() + separator.len()) * count);
 	for i in 0..count {
 		if i > 0 {
 			result.push_str(&separator);
 		}
-		result.push_str(&string);
+		result.push_str(string.element());
 	}
-	result
+
+	*string.element_mut() = result;
+	string
 }

 /// Pads the string to a target length by filling with the given repeated substring. If the string already meets or exceeds the target length, it is returned unchanged.
@@ -456,21 +499,25 @@ fn string_repeat(
 fn string_pad(
 	_: impl Ctx,
 	/// The string to be padded to a target length.
-	string: String,
+	string: Item<String>,
 	/// The target character length after padding. When "Up To" is set, this length concerns only the portion before (or after) that substring.
 	#[default(10)]
-	length: u32,
+	length: Item<u32>,
 	/// The repeated substring used to fill the remaining space. A multi-charcter substring may end partway through its final repetition.
 	#[default("#")]
-	padding: String,
+	padding: Item<String>,
 	/// Pad only the length of the string encountered before the start of the first (or after the end of the last) occurrence of this substring, if given and present (otherwise the full string is considered).
 	///
 	/// For example, this can pad numbers with leading zeros to align them before the decimal point.
-	up_to: String,
+	up_to: Item<String>,
 	/// Pad at the end of the string instead of the start.
-	from_end: bool,
-) -> String {
-	let target_length = length as usize;
+	from_end: Item<bool>,
+) -> Item<String> {
+	let mut string = string;
+	let target_length = *length.element() as usize;
+	let padding = padding.element().clone();
+	let up_to = up_to.element().clone();
+	let from_end = *from_end.element();

 	if padding.is_empty() {
 		return string;
@@ -478,9 +525,9 @@ fn string_pad(

 	// Split the string at the "up to" substring if provided, and only pad that portion
 	if !up_to.is_empty()
-		&& let Some(position) = if from_end { string.rfind(&*up_to) } else { string.find(&*up_to) }
+		&& let Some(position) = if from_end { string.element().rfind(&*up_to) } else { string.element().find(&*up_to) }
 	{
-		let (before, after) = string.split_at(position);
+		let (before, after) = string.element().split_at(position);

 		if from_end {
 			// Pad the portion after the substring
@@ -491,7 +538,10 @@ fn string_pad(
 			}
 			let pad_length = target_length - current_length;
 			let padding: String = padding.graphemes(true).cycle().take(pad_length).collect();
-			return format!("{before}{up_to}{after_substring}{padding}");
+			let result = format!("{before}{up_to}{after_substring}{padding}");
+
+			*string.element_mut() = result;
+			return string;
 		} else {
 			// Pad the portion before the substring
 			let current_length = before.graphemes(true).count();
@@ -500,11 +550,14 @@ fn string_pad(
 			}
 			let pad_length = target_length - current_length;
 			let padding: String = padding.graphemes(true).cycle().take(pad_length).collect();
-			return format!("{padding}{before}{after}");
+			let result = format!("{padding}{before}{after}");
+
+			*string.element_mut() = result;
+			return string;
 		}
 	}

-	let current_length = string.graphemes(true).count();
+	let current_length = string.element().graphemes(true).count();
 	if current_length >= target_length {
 		return string;
 	}
@@ -512,7 +565,10 @@ fn string_pad(
 	let pad_length = target_length - current_length;
 	let padding: String = padding.graphemes(true).cycle().take(pad_length).collect();

-	if from_end { string + &padding } else { padding + &string }
+	let result = if from_end { string.element().clone() + &padding } else { padding + string.element() };
+
+	*string.element_mut() = result;
+	string
 }

 /// Checks whether the string contains the given substring. Optionally restricts the match to only the start and/or end of the string.
@@ -520,20 +576,26 @@ fn string_pad(
 fn string_contains(
 	_: impl Ctx,
 	/// The string to search within.
-	string: String,
+	string: Item<String>,
 	/// The substring to search for.
-	substring: String,
+	substring: Item<String>,
 	/// Only match if the substring appears at the start of the string.
-	at_start: bool,
+	at_start: Item<bool>,
 	/// Only match if the substring appears at the end of the string.
-	at_end: bool,
-) -> bool {
-	match (at_start, at_end) {
-		(true, true) => string.starts_with(&*substring) && string.ends_with(&*substring),
-		(true, false) => string.starts_with(&*substring),
-		(false, true) => string.ends_with(&*substring),
-		(false, false) => string.contains(&*substring),
-	}
+	at_end: Item<bool>,
+) -> Item<bool> {
+	let (string, attributes) = string.into_parts();
+	let substring = substring.element().as_str();
+	let (at_start, at_end) = (*at_start.element(), *at_end.element());
+
+	let result = match (at_start, at_end) {
+		(true, true) => string.starts_with(substring) && string.ends_with(substring),
+		(true, false) => string.starts_with(substring),
+		(false, true) => string.ends_with(substring),
+		(false, false) => string.contains(substring),
+	};
+
+	Item::from_parts(result, attributes)
 }

 /// Similar to the **String Contains** node, this searches within the input string for the first (or last) occurrence of a substring and returns the index of where that begins, or -1 if not found.
@@ -541,28 +603,35 @@ fn string_contains(
 fn string_find_index(
 	_: impl Ctx,
 	/// The string to search within.
-	string: String,
+	string: Item<String>,
 	/// The substring to search for.
-	substring: String,
+	substring: Item<String>,
 	/// Find the start index of the last occurrence instead of the first.
-	from_end: bool,
-) -> f64 {
+	from_end: Item<bool>,
+) -> Item<f64> {
+	let (string, attributes) = string.into_parts();
+	let substring = substring.element().as_str();
+	let from_end = *from_end.element();
+
 	if substring.is_empty() {
-		return if from_end { string.graphemes(true).count() as f64 } else { 0. };
+		let result = if from_end { string.graphemes(true).count() as f64 } else { 0. };
+		return Item::from_parts(result, attributes);
 	}

-	if from_end {
+	let result = if from_end {
 		// Search backwards by finding all byte-level matches and taking the last one
 		string
-			.rmatch_indices(&*substring)
+			.rmatch_indices(substring)
 			.next()
 			.map_or(-1., |(byte_index, _)| string[..byte_index].graphemes(true).count() as f64)
 	} else {
 		string
-			.match_indices(&*substring)
+			.match_indices(substring)
 			.next()
 			.map_or(-1., |(byte_index, _)| string[..byte_index].graphemes(true).count() as f64)
-	}
+	};
+
+	Item::from_parts(result, attributes)
 }

 /// Counts the number of occurrences of a substring within the string.
@@ -570,22 +639,25 @@ fn string_find_index(
 fn string_occurrences(
 	_: impl Ctx,
 	/// The string to search within.
-	string: String,
+	string: Item<String>,
 	/// The substring to count occurrences of.
-	substring: String,
+	substring: Item<String>,
 	/// Whether to count overlapping occurrences, using the substring as a sliding window.
 	///
 	/// For example, "aa" occurs twice in "aaaa" without overlapping but three times with overlapping.
-	overlapping: bool,
-) -> f64 {
+	overlapping: Item<bool>,
+) -> Item<f64> {
+	let (string, attributes) = string.into_parts();
+	let substring = substring.element().as_str();
+
 	if substring.is_empty() {
-		return 0.;
+		return Item::from_parts(0., attributes);
 	}

 	// NON-OVERLAPPING: Simple linear scan.
 	// O(n), where n = string length
-	if !overlapping {
-		return string.matches(&*substring).count() as f64;
+	if !*overlapping.element() {
+		return Item::from_parts(string.matches(substring).count() as f64, attributes);
 	}

 	// OVERLAPPING: KMP (Knuth-Morris-Pratt) algorithm.
@@ -631,7 +703,7 @@ fn string_occurrences(
 		}
 	}

-	count as f64
+	Item::from_parts(count as f64, attributes)
 }

 /// Converts a string's capitalization style to another of the common upper and lower case patterns, optionally joining words with a chosen separator.
@@ -639,47 +711,49 @@ fn string_occurrences(
 fn string_capitalization(
 	_: impl Ctx,
 	/// The string to have its letter capitalization converted.
-	string: String,
+	string: Item<String>,
 	/// The capitalization style to apply.
-	capitalization: StringCapitalization,
+	capitalization: Item<StringCapitalization>,
 	/// Whether to split the string into words and reconnect with the chosen joiner. When disabled, the existing word structure separators are preserved.
-	use_joiner: bool,
+	use_joiner: Item<bool>,
 	/// The string placed between each word.
-	joiner: String,
-) -> String {
+	joiner: Item<String>,
+) -> Item<String> {
+	let mut string = string;
+	let capitalization = *capitalization.element();
+	let use_joiner = *use_joiner.element();
+	let joiner = joiner.element().clone();
+	let input = std::mem::take(string.element_mut());
+
 	// When the joiner is enabled, apply word-level casing and optionally reconnect words with the selected joiner
-	if use_joiner {
+	let result = if use_joiner {
 		match capitalization {
 			// Simple case mappings that preserve the string's existing structure
-			StringCapitalization::LowerCase => string.to_lowercase(),
-			StringCapitalization::UpperCase => string.to_uppercase(),
+			StringCapitalization::LowerCase => input.to_lowercase(),
+			StringCapitalization::UpperCase => input.to_uppercase(),

 			// Word-aware capitalizations that split on word boundaries and rejoin with the joiner
-			StringCapitalization::CapitalCase => Converter::new().set_boundaries(&Boundary::defaults()).set_pattern(pattern::capital).set_delim(&joiner).convert(&string),
+			StringCapitalization::CapitalCase => Converter::new().set_boundaries(&Boundary::defaults()).set_pattern(pattern::capital).set_delim(&joiner).convert(&input),
 			StringCapitalization::HeadlineCase => {
 				// First split into words with convert_case so word boundaries like "AlphaNumeric" are detected consistently with other modes,
 				// then apply the titlecase crate for smart capitalization (lowercasing short words like "of", "the", etc.),
 				// then rejoin with the custom joiner without mangling the capitalization
-				let spaced = Converter::new().set_boundaries(&Boundary::defaults()).set_pattern(pattern::capital).set_delim(" ").convert(&string);
+				let spaced = Converter::new().set_boundaries(&Boundary::defaults()).set_pattern(pattern::capital).set_delim(" ").convert(&input);
 				let headline = titlecase::titlecase(&spaced);
 				Converter::new().set_boundaries(&[Boundary::SPACE]).set_pattern(pattern::noop).set_delim(&joiner).convert(&headline)
 			}
-			StringCapitalization::SentenceCase => Converter::new()
-				.set_boundaries(&Boundary::defaults())
-				.set_pattern(pattern::sentence)
-				.set_delim(&joiner)
-				.convert(&string),
-			StringCapitalization::CamelCase => Converter::new().set_boundaries(&Boundary::defaults()).set_pattern(pattern::camel).set_delim(&joiner).convert(&string),
+			StringCapitalization::SentenceCase => Converter::new().set_boundaries(&Boundary::defaults()).set_pattern(pattern::sentence).set_delim(&joiner).convert(&input),
+			StringCapitalization::CamelCase => Converter::new().set_boundaries(&Boundary::defaults()).set_pattern(pattern::camel).set_delim(&joiner).convert(&input),
 		}
 	}
 	// When the joiner is disabled, apply only character-level casing while preserving the string's existing structure
 	else {
 		match capitalization {
-			StringCapitalization::LowerCase => string.to_lowercase(),
-			StringCapitalization::UpperCase => string.to_uppercase(),
+			StringCapitalization::LowerCase => input.to_lowercase(),
+			StringCapitalization::UpperCase => input.to_uppercase(),
 			StringCapitalization::CapitalCase => {
 				let mut capitalize_next = true;
-				string.chars().fold(String::with_capacity(string.len()), |mut result, c| {
+				input.chars().fold(String::with_capacity(input.len()), |mut result, c| {
 					if c.is_whitespace() || c == '_' || c == '-' {
 						capitalize_next = true;
 						result.push(c);
@@ -692,9 +766,9 @@ fn string_capitalization(
 					result
 				})
 			}
-			StringCapitalization::HeadlineCase => titlecase::titlecase(&string),
+			StringCapitalization::HeadlineCase => titlecase::titlecase(&input),
 			StringCapitalization::SentenceCase => {
-				let mut chars = string.chars();
+				let mut chars = input.chars();
 				match chars.next() {
 					Some(first) => first.to_uppercase().to_string() + &chars.as_str().to_lowercase(),
 					None => String::new(),
@@ -702,7 +776,7 @@ fn string_capitalization(
 			}
 			StringCapitalization::CamelCase => {
 				let mut capitalize_next = false;
-				string.chars().fold(String::with_capacity(string.len()), |mut result, c| {
+				input.chars().fold(String::with_capacity(input.len()), |mut result, c| {
 					if c.is_whitespace() || c == '_' || c == '-' {
 						capitalize_next = true;
 						result.push(c);
@@ -716,15 +790,20 @@ fn string_capitalization(
 				})
 			}
 		}
-	}
+	};
+
+	*string.element_mut() = result;
+	string
 }

 // TODO: Return u32, u64, or usize instead of f64 after #1621 is resolved and has allowed us to implement automatic type conversion in the node graph for nodes with generic type inputs.
 // TODO: (Currently automatic type conversion only works for concrete types, via the Graphene preprocessor and not the full Graphene type system.)
 /// Counts the number of characters in a string.
 #[node_macro::node(category("Text"))]
-fn string_length(_: impl Ctx, string: String) -> f64 {
-	string.graphemes(true).count() as f64
+fn string_length(_: impl Ctx, string: Item<String>) -> Item<f64> {
+	let (string, attributes) = string.into_parts();
+
+	Item::from_parts(string.graphemes(true).count() as f64, attributes)
 }

 /// Splits a string into a list of substrings based on the specified delimiter. This is the inverse of the **String Join** node.
@@ -734,18 +813,19 @@ fn string_length(_: impl Ctx, string: String) -> f64 {
 fn string_split(
 	_: impl Ctx,
 	/// The string to split into substrings.
-	string: String,
+	string: Item<String>,
 	/// The character(s) that separate the substrings. These are not included in the outputs.
 	#[default("\\n")]
-	delimiter: String,
+	delimiter: Item<String>,
 	/// Whether to convert escape sequences found in the delimiter into their corresponding characters:
 	/// "\n" (newline), "\r" (carriage return), "\t" (tab), "\0" (null), and "\\" (backslash).
 	#[default(true)]
-	delimiter_escaping: bool,
+	delimiter_escaping: Item<bool>,
 ) -> List<String> {
-	let delimiter = if delimiter_escaping { unescape_string(delimiter) } else { delimiter };
+	let delimiter = delimiter.element().clone();
+	let delimiter = if *delimiter_escaping.element() { unescape_string(delimiter) } else { delimiter };

-	string.split(&delimiter).map(str::to_string).map(Item::new_from_element).collect()
+	string.element().split(&delimiter).map(str::to_string).map(Item::new_from_element).collect()
 }

 /// Joins a list of strings together with a separator between each pair. This is the inverse of the **String Split** node.
@@ -758,15 +838,18 @@ fn string_join(
 	strings: List<String>,
 	/// The text placed between each pair of strings.
 	#[default(", ")]
-	separator: String,
+	separator: Item<String>,
 	/// Whether to convert escape sequences found in the separator into their corresponding characters:
 	/// "\n" (newline), "\r" (carriage return), "\t" (tab), "\0" (null), and "\\" (backslash).
 	#[default(true)]
-	separator_escaping: bool,
-) -> String {
+	separator_escaping: Item<bool>,
+) -> Item<String> {
+	let (separator, separator_escaping) = (separator.into_element(), separator_escaping.into_element());
 	let separator = if separator_escaping { unescape_string(separator) } else { separator };

-	strings.iter_element_values().map(|s| s.as_str()).collect::<Vec<_>>().join(&separator)
+	let joined = strings.iter_element_values().map(|s| s.as_str()).collect::<Vec<_>>().join(&separator);
+
+	Item::new_from_element(joined)
 }

 /// Iterates over a list of strings, evaluating the mapped operation for each one. Use the **Read String** node to access the current string inside the loop.
@@ -775,18 +858,17 @@ fn map_string(
 	ctx: impl Ctx + DeriveCtx,
 	strings: List<String>,
 	#[expose]
-	#[implementations(Context -> String)]
-	mapped: impl Node<Context<'_>, Output = String>,
+	#[implementations(Context -> Item<String>)]
+	mapped: impl Node<Context<'_>, Output = Item<String>>,
 ) -> Result<List<String>, Interrupt> {
 	let spilled = ctx.index_head();
 	let mut result = List::new();

 	for (i, row) in strings.into_iter().enumerate() {
-		let string = row.into_element();
-		let scoped = ctx.push_vararg(&string);
+		let scoped = ctx.push_vararg(&row);
 		let mapped_string = mapped.eval(&scoped.ctx().promoted(&spilled, i as u64))?;

-		result.push(Item::new_from_element(mapped_string));
+		result.push(mapped_string);
 	}

 	Ok(result)
@@ -794,15 +876,19 @@ fn map_string(

 /// Reads the current string from within a **Map String** node's loop.
 #[node_macro::node(category("Context"))]
-fn read_string(ctx: impl Ctx + ExtractVarArgs) -> String {
-	let Ok(var_arg) = ctx.vararg(0) else { return String::new() };
+fn read_string(ctx: impl Ctx + ExtractVarArgs) -> Item<String> {
+	let Ok(var_arg) = ctx.vararg(0) else { return Item::new_from_element(String::new()) };
 	let var_arg = var_arg as &dyn std::any::Any;

-	var_arg.downcast_ref::<String>().cloned().unwrap_or_default()
+	var_arg.downcast_ref::<Item<String>>().cloned().unwrap_or_default()
 }

 /// Converts a value to a JSON string representation.
 #[node_macro::node(category("Debug"))]
-fn serialize<T: serde::Serialize>(_: impl Ctx, #[implementations(String, bool, f64, u32, u64, DVec2, DAffine2)] value: T) -> String {
-	serde_json::to_string(&value).unwrap_or_else(|_| "Serialization Error".to_string())
+fn serialize<T: serde::Serialize>(_: impl Ctx, #[implementations(String, bool, f64, u32, u64, DVec2, DAffine2)] value: Item<T>) -> Item<String> {
+	let (value, attributes) = value.into_parts();
+
+	let result = serde_json::to_string(&value).unwrap_or_else(|_| "Serialization Error".to_string());
+
+	Item::from_parts(result, attributes)
 }
--- a/node-graph/nodes/text/src/path_builder.rs
+++ b/node-graph/nodes/text/src/path_builder.rs
@@ -202,7 +202,7 @@ impl PathBuilder {
 			}
 		}

-		// "Separate Glyphs" off: widen the accumulated AABBs and bundle as one override `Vector`
+		// Glyph separation off: widen the accumulated AABBs and bundle as one override `Vector`
 		if !self.merged_click_target_bboxes.is_empty() {
 			let mut bboxes = self.merged_click_target_bboxes;
 			widen_horizontal_gaps(&mut bboxes, &self.merged_click_target_baselines);
--- a/node-graph/nodes/text/src/regex.rs
+++ b/node-graph/nodes/text/src/regex.rs
@@ -7,18 +7,22 @@ use core_types::{ATTR_END, ATTR_NAME, ATTR_START, Ctx};
 fn regex_contains(
 	_: impl Ctx,
 	/// The string to search within.
-	string: String,
+	string: Item<String>,
 	/// The regular expression pattern to search for.
-	pattern: String,
+	pattern: Item<String>,
 	/// Match letters regardless of case.
-	case_insensitive: bool,
+	case_insensitive: Item<bool>,
 	/// Make `^` and `$` match the start and end of each line, not just the whole string.
-	multiline: bool,
+	multiline: Item<bool>,
 	/// Only match if the pattern appears at the start of the string.
-	at_start: bool,
+	at_start: Item<bool>,
 	/// Only match if the pattern appears at the end of the string.
-	at_end: bool,
-) -> bool {
+	at_end: Item<bool>,
+) -> Item<bool> {
+	let (string, attributes) = string.into_parts();
+	let pattern = pattern.element();
+	let (case_insensitive, multiline, at_start, at_end) = (*case_insensitive.element(), *multiline.element(), *at_start.element(), *at_end.element());
+
 	let flags = match (case_insensitive, multiline) {
 		(false, false) => "",
 		(true, false) => "(?i)",
@@ -34,29 +38,34 @@ fn regex_contains(

 	let Ok(regex) = fancy_regex::Regex::new(&anchored_pattern) else {
 		log::error!("Invalid regex pattern: {pattern}");
-		return false;
+		return Item::from_parts(false, attributes);
 	};

-	regex.is_match(&string).unwrap_or(false)
+	Item::from_parts(regex.is_match(&string).unwrap_or(false), attributes)
 }

 /// Replaces matches of a regular expression pattern in the string. The replacement string can reference captures: `$0` for the whole match and `$1`, `$2`, etc. for capture groups.
 #[node_macro::node(category("Text: Regex"))]
 fn regex_replace(
 	_: impl Ctx,
-	string: String,
+	string: Item<String>,
 	/// The regular expression pattern to search for.
-	pattern: String,
+	pattern: Item<String>,
 	/// The replacement string. Use `$0` for the whole match and `$1`, `$2`, etc. for capture groups.
-	replacement: String,
+	replacement: Item<String>,
 	/// Replace all matches. When disabled, only the first match is replaced.
 	#[default(true)]
-	replace_all: bool,
+	replace_all: Item<bool>,
 	/// Match letters regardless of case.
-	case_insensitive: bool,
+	case_insensitive: Item<bool>,
 	/// Make `^` and `$` match the start and end of each line, not just the whole string.
-	multiline: bool,
-) -> String {
+	multiline: Item<bool>,
+) -> Item<String> {
+	let mut string = string;
+	let pattern = pattern.element().clone();
+	let replacement = replacement.element().clone();
+	let (replace_all, case_insensitive, multiline) = (*replace_all.element(), *case_insensitive.element(), *multiline.element());
+
 	let flags = match (case_insensitive, multiline) {
 		(false, false) => "",
 		(true, false) => "(?i)",
@@ -70,11 +79,14 @@ fn regex_replace(
 		return string;
 	};

-	if replace_all {
-		regex.replace_all(&string, replacement.as_str()).into_owned()
+	let result = if replace_all {
+		regex.replace_all(string.element(), replacement.as_str()).into_owned()
 	} else {
-		regex.replace(&string, replacement.as_str()).into_owned()
-	}
+		regex.replace(string.element(), replacement.as_str()).into_owned()
+	};
+
+	*string.element_mut() = result;
+	string
 }

 /// Finds a regex match in the string and returns its components. The result is a list where the first item is the whole match (`$0`) and subsequent items are the capture groups (`$1`, `$2`, etc., if any).
@@ -87,16 +99,20 @@ fn regex_replace(
 fn regex_find(
 	_: impl Ctx,
 	/// The string to search within.
-	string: String,
+	string: Item<String>,
 	/// The regular expression pattern to search for.
-	pattern: String,
+	pattern: Item<String>,
 	/// Which non-overlapping occurrence of the pattern to return, starting from 0 for the first match. Negative indices count backwards from the last match.
-	match_index: SignedInteger,
+	match_index: Item<SignedInteger>,
 	/// Match letters regardless of case.
-	case_insensitive: bool,
+	case_insensitive: Item<bool>,
 	/// Make `^` and `$` match the start and end of each line, not just the whole string.
-	multiline: bool,
+	multiline: Item<bool>,
 ) -> List<String> {
+	let string = string.element();
+	let pattern = pattern.element();
+	let (match_index, case_insensitive, multiline) = (*match_index.element(), *case_insensitive.element(), *multiline.element());
+
 	if pattern.is_empty() {
 		return List::new();
 	}
@@ -118,7 +134,7 @@ fn regex_find(
 	let capture_names: Vec<Option<String>> = regex.capture_names().map(|name| name.map(str::to_string)).collect();

 	// Collect all matches since we need to support negative indexing
-	let matches: Vec<_> = regex.captures_iter(&string).filter_map(|c| c.ok()).collect();
+	let matches: Vec<_> = regex.captures_iter(string).filter_map(|c| c.ok()).collect();

 	let match_index = match_index as i32;
 	let resolved_index = if match_index < 0 {
@@ -158,14 +174,18 @@ fn regex_find(
 fn regex_find_all(
 	_: impl Ctx,
 	/// The string to search within.
-	string: String,
+	string: Item<String>,
 	/// The regular expression pattern to search for.
-	pattern: String,
+	pattern: Item<String>,
 	/// Match letters regardless of case.
-	case_insensitive: bool,
+	case_insensitive: Item<bool>,
 	/// Make `^` and `$` match the start and end of each line, not just the whole string.
-	multiline: bool,
+	multiline: Item<bool>,
 ) -> List<String> {
+	let string = string.element();
+	let pattern = pattern.element();
+	let (case_insensitive, multiline) = (*case_insensitive.element(), *multiline.element());
+
 	if pattern.is_empty() {
 		return List::new();
 	}
@@ -184,7 +204,7 @@ fn regex_find_all(
 	};

 	regex
-		.find_iter(&string)
+		.find_iter(string)
 		.filter_map(|m| m.ok())
 		.map(|m| {
 			Item::new_from_element(m.as_str().to_string())
@@ -201,16 +221,19 @@ fn regex_find_all(
 fn regex_split(
 	_: impl Ctx,
 	/// The string to split into substrings.
-	string: String,
+	string: Item<String>,
 	/// The regular expression pattern to split on. Matches are consumed and not included in the output.
-	pattern: String,
+	pattern: Item<String>,
 	/// Match letters regardless of case.
-	case_insensitive: bool,
+	case_insensitive: Item<bool>,
 	/// Make `^` and `$` match the start and end of each line, not just the whole string.
-	multiline: bool,
+	multiline: Item<bool>,
 ) -> List<String> {
+	let pattern = pattern.element().clone();
+	let (case_insensitive, multiline) = (*case_insensitive.element(), *multiline.element());
+
 	if pattern.is_empty() {
-		return List::new_from_element(string);
+		return List::new_from_item(string);
 	}

 	let flags = match (case_insensitive, multiline) {
@@ -223,8 +246,8 @@ fn regex_split(

 	let Ok(regex) = fancy_regex::Regex::new(&full_pattern) else {
 		log::error!("Invalid regex pattern: {pattern}");
-		return List::new_from_element(string);
+		return List::new_from_item(string);
 	};

-	regex.split(&string).filter_map(|s| s.ok()).map(|s| s.to_string()).map(Item::new_from_element).collect()
+	regex.split(string.element()).filter_map(|s| s.ok()).map(|s| s.to_string()).map(Item::new_from_element).collect()
 }
--- a/node-graph/nodes/text/src/to_path.rs
+++ b/node-graph/nodes/text/src/to_path.rs
@@ -2,8 +2,7 @@ use super::TypesettingConfig;
 use super::text_context::TextContext;
 use crate::markers::{ATTR_FONT, ATTR_TEXT_ALIGN};
 use core_types::blending::BlendMode;
-use core_types::list::List;
-use core_types::uuid::NodeId;
+use core_types::list::{Item, List, NodeIdPath};
 use core_types::{
 	ATTR_BLEND_MODE, ATTR_EDITOR_LAYER_PATH, ATTR_FONT_SIZE, ATTR_LETTER_SPACING, ATTR_LETTER_TILT, ATTR_LINE_HEIGHT, ATTR_MAX_HEIGHT, ATTR_MAX_WIDTH, ATTR_OPACITY, ATTR_OPACITY_FILL, ATTR_TRANSFORM,
 };
@@ -23,60 +22,71 @@ pub fn lines_clipping(text: &str, font: &Resource, typesetting: TypesettingConfi
 	TextContext::with_thread_local(|ctx| ctx.lines_clipping(text, font, typesetting))
 }

-/// Shapes each string item of a styled `List<String>` into vector geometry, reading its font and typesetting
-/// from the item's attributes (as set by the 'Text' node) and re-applying its transform and blending
-/// attributes onto the produced paths. With `separate_glyphs`, each glyph becomes its own item.
+/// Shapes a single styled string item into vector geometry, reading its font and typesetting from the item's
+/// attributes (as set by the 'Text' node) and re-applying its transform and blending attributes onto the produced
+/// paths. With `separate_glyphs`, each glyph becomes its own item; otherwise a single compound path is produced.
+pub fn shape_text_item(item: &Item<String>, separate_glyphs: bool) -> List<Vector> {
+	let text = item.element();
+	if text.is_empty() {
+		return List::new();
+	}
+
+	// Use fallback font when none is explicitly attached.
+	let font: Resource = {
+		let font: Resource = item.attribute_cloned_or_default(ATTR_FONT);
+		if font.is_empty() { super::FALLBACK_FONT_RESOURCE.clone() } else { font }
+	};
+
+	let defaults = TypesettingConfig::default();
+	let typesetting = TypesettingConfig {
+		font_size: item.attribute_cloned_or(ATTR_FONT_SIZE, defaults.font_size),
+		line_height_ratio: item.attribute_cloned_or(ATTR_LINE_HEIGHT, defaults.line_height_ratio),
+		letter_spacing: item.attribute_cloned_or(ATTR_LETTER_SPACING, defaults.letter_spacing),
+		letter_tilt: item.attribute_cloned_or(ATTR_LETTER_TILT, defaults.letter_tilt),
+		max_width: item.attribute_cloned_or::<Option<f64>>(ATTR_MAX_WIDTH, defaults.max_width),
+		max_height: item.attribute_cloned_or::<Option<f64>>(ATTR_MAX_HEIGHT, defaults.max_height),
+		align: item.attribute_cloned_or(ATTR_TEXT_ALIGN, defaults.align),
+	};
+
+	let vectors = to_path(text, &font, typesetting, separate_glyphs);
+	let transform = item.attribute_cloned_or_default::<DAffine2>(ATTR_TRANSFORM);
+	let layer_path = item.attribute::<NodeIdPath>(ATTR_EDITOR_LAYER_PATH).cloned();
+	let blend_mode = item.attribute::<BlendMode>(ATTR_BLEND_MODE).copied();
+	let opacity = item.attribute::<f64>(ATTR_OPACITY).copied();
+	let opacity_fill = item.attribute::<f64>(ATTR_OPACITY_FILL).copied();
+
+	let mut result = List::new();
+	for mut produced in vectors.into_iter() {
+		if transform != DAffine2::IDENTITY {
+			let local = produced.attribute_cloned_or_default::<DAffine2>(ATTR_TRANSFORM);
+			produced.set_attribute(ATTR_TRANSFORM, transform * local);
+		}
+		if let Some(layer_path) = &layer_path {
+			produced.set_attribute(ATTR_EDITOR_LAYER_PATH, layer_path.clone());
+		}
+		if let Some(blend_mode) = blend_mode {
+			produced.set_attribute(ATTR_BLEND_MODE, blend_mode);
+		}
+		if let Some(opacity) = opacity {
+			produced.set_attribute(ATTR_OPACITY, opacity);
+		}
+		if let Some(opacity_fill) = opacity_fill {
+			produced.set_attribute(ATTR_OPACITY_FILL, opacity_fill);
+		}
+		result.push(produced);
+	}
+
+	result
+}
+
+/// Shapes each string item of a styled `List<String>` into vector geometry, flattening the per-item results.
 pub fn shape_text_list(strings: &List<String>, separate_glyphs: bool) -> List<Vector> {
 	let mut result = List::new();

 	for index in 0..strings.len() {
-		let Some(text) = strings.element(index) else { continue };
-		if text.is_empty() {
-			continue;
-		}
-
-		// Use fallback font when none is explicitly attached.
-		let font: Resource = {
-			let f: Resource = strings.attribute_cloned_or_default(ATTR_FONT, index);
-			if f.is_empty() { super::FALLBACK_FONT_RESOURCE.clone() } else { f }
-		};
-
-		let defaults = TypesettingConfig::default();
-		let typesetting = TypesettingConfig {
-			font_size: strings.attribute_cloned_or(ATTR_FONT_SIZE, index, defaults.font_size),
-			line_height_ratio: strings.attribute_cloned_or(ATTR_LINE_HEIGHT, index, defaults.line_height_ratio),
-			letter_spacing: strings.attribute_cloned_or(ATTR_LETTER_SPACING, index, defaults.letter_spacing),
-			letter_tilt: strings.attribute_cloned_or(ATTR_LETTER_TILT, index, defaults.letter_tilt),
-			max_width: strings.attribute_cloned_or::<Option<f64>>(ATTR_MAX_WIDTH, index, defaults.max_width),
-			max_height: strings.attribute_cloned_or::<Option<f64>>(ATTR_MAX_HEIGHT, index, defaults.max_height),
-			align: strings.attribute_cloned_or(ATTR_TEXT_ALIGN, index, defaults.align),
-		};
-
-		let vectors = to_path(text, &font, typesetting, separate_glyphs);
-		let transform = strings.attribute_cloned_or_default::<DAffine2>(ATTR_TRANSFORM, index);
-		let layer_path = strings.attribute_cloned_or_default::<Vec<NodeId>>(ATTR_EDITOR_LAYER_PATH, index);
-		let blend_mode = strings.attribute::<BlendMode>(ATTR_BLEND_MODE, index).copied();
-		let opacity = strings.attribute::<f64>(ATTR_OPACITY, index).copied();
-		let opacity_fill = strings.attribute::<f64>(ATTR_OPACITY_FILL, index).copied();
-
-		for mut item in vectors.into_iter() {
-			if transform != DAffine2::IDENTITY {
-				let local = item.attribute_cloned_or_default::<DAffine2>(ATTR_TRANSFORM);
-				item.set_attribute(ATTR_TRANSFORM, transform * local);
-			}
-			if !layer_path.is_empty() {
-				item.set_attribute(ATTR_EDITOR_LAYER_PATH, layer_path.clone());
-			}
-			if let Some(blend_mode) = blend_mode {
-				item.set_attribute(ATTR_BLEND_MODE, blend_mode);
-			}
-			if let Some(opacity) = opacity {
-				item.set_attribute(ATTR_OPACITY, opacity);
-			}
-			if let Some(opacity_fill) = opacity_fill {
-				item.set_attribute(ATTR_OPACITY_FILL, opacity_fill);
-			}
-			result.push(item);
+		let Some(item) = strings.clone_item(index) else { continue };
+		for produced in shape_text_item(&item, separate_glyphs).into_iter() {
+			result.push(produced);
 		}
 	}

--- a/node-graph/nodes/transform/src/transform_nodes.rs
+++ b/node-graph/nodes/transform/src/transform_nodes.rs
@@ -6,10 +6,9 @@ use core_types::gpoll::{Extent, GPoll, Interrupt};
 use core_types::transform::{ApplyTransform, ScaleType, Transform};
 use core_types::{CacheHash, Context, Ctx, DeriveCtx, InjectFootprint, ModifyFootprint};
 use glam::{DAffine2, DMat2, DVec2};
-use graphic_types::Graphic;
-use graphic_types::Vector;
 use graphic_types::raster_types::{CPU, GPU, Raster};
-use vector_types::GradientStops;
+use graphic_types::{Artboard, Graphic, Vector};
+use vector_types::Gradient;

 /// Applies the specified transform to each lane of the input, composing onto the lane's transform attribute.
 #[node_macro::node(category("Math: Transform"), extent(transform_extent))]
@@ -106,35 +105,44 @@ fn extract_transform<T: Clone + Send + Sync + CacheHash + 'static>(_: impl Ctx,

 /// Produces the inverse of the input transform, which is the transform that undoes the effect of the original transform.
 #[node_macro::node(category("Math: Transform"))]
-fn invert_transform(_: impl Ctx, transform: DAffine2) -> DAffine2 {
-	transform.inverse()
+fn invert_transform(_: impl Ctx, transform: Item<DAffine2>) -> Item<DAffine2> {
+	let (transform, attributes) = transform.into_parts();
+
+	let result = transform.inverse();
+
+	Item::from_parts(result, attributes)
 }

 /// Extracts the translation component from the input transform.
 #[node_macro::node(category("Math: Transform"))]
-fn decompose_translation(_: impl Ctx, transform: DAffine2) -> DVec2 {
-	transform.translation
+fn decompose_translation(_: impl Ctx, transform: Item<DAffine2>) -> Item<DVec2> {
+	Item::new_from_element(transform.into_element().translation)
 }

 /// Extracts the rotation component (in degrees) from the input transform.
 #[node_macro::node(category("Math: Transform"))]
-fn decompose_rotation(_: impl Ctx, transform: DAffine2) -> f64 {
-	transform.decompose_rotation().to_degrees()
+fn decompose_rotation(_: impl Ctx, transform: Item<DAffine2>) -> Item<f64> {
+	Item::new_from_element(transform.into_element().decompose_rotation().to_degrees())
 }

 /// Extracts the scale component from the input transform.
 /// **Magnitude** returns the visual length of each axis (always positive, includes any skew contribution).
 /// **Pure** returns the isolated scale factors with rotation and skew stripped away (can be negative for flipped axes).
 #[node_macro::node(category("Math: Transform"))]
-fn decompose_scale(_: impl Ctx, transform: DAffine2, scale_type: ScaleType) -> DVec2 {
-	match scale_type {
+fn decompose_scale(_: impl Ctx, transform: Item<DAffine2>, scale_type: Item<ScaleType>) -> Item<DVec2> {
+	let transform = transform.into_element();
+	let scale_type = scale_type.into_element();
+
+	let result = match scale_type {
 		ScaleType::Magnitude => transform.scale_magnitudes(),
 		ScaleType::Pure => transform.decompose_scale(),
-	}
+	};
+
+	Item::new_from_element(result)
 }

 /// Extracts the skew angle (in degrees) from the input transform.
 #[node_macro::node(category("Math: Transform"))]
-fn decompose_skew(_: impl Ctx, transform: DAffine2) -> f64 {
-	transform.decompose_skew().atan().to_degrees()
+fn decompose_skew(_: impl Ctx, transform: Item<DAffine2>) -> Item<f64> {
+	Item::new_from_element(transform.into_element().decompose_skew().atan().to_degrees())
 }